Es necesario saber los Tag que deben incluir cualquier documento HTML. Hay algunos Tag que se deben ocupar siempre en todo documento y otros no, dependiendo si se necesitan.
- MARCAS BÁSICAS
<html></html> Al principio y al final de todo documento.
<head> </head> Cabecera del documento. Dentro del head se ponen las
etiquetas:
<title> </title> indica el título de la página para el navegador.
<meta> permite aportar metainformación al documento, para su mejor
identificación e indexación por los motores de búsqueda. Hay distintos tipos:
<meta name="description" content="Frase descriptiva de los contenidos de la
página">
<meta name="keywords" content="Palabras clave que resuman la temática de
los contenidos de la página”>
<meta name="author" content="Nombre/s del autor/es de la página">
Tras cerrar el head el se pone la etiqueta:
<body> </body> Dentro de esta etiqueta se insertan los contenidos del documento
El cierre de la etiqueta </body> se coloca justo antes del cierre </html>
- PROPIEDADES DE LA PÁGINA
La etiqueta <body> puede llevar incluida información sobre las propiedades de la
página:
<body bgcolor="#xxyyzz"> define el color de fondo de la página.
<body text="#xxyyzz"> define el color por defecto del texto en la página.
<body link="#xxyyzz"> define el color de los enlaces.
<body vlink="#xxyyzz"> define el color de los enlaces visitados.
<body alink="#xxyyzz"> define el color de los enlaces activos.
<body background="imagen.gif"> establece una imagen para el fondo de la
página.
Todos estos parámetros se pueden agrupar en una única etiqueta <body>:
<body bgcolor="#xxyyzz" text="#xxyyzz" link="#xxyyzz" vlink="#xxyyzz"
alink="#xxyyzz">
<!-- comentarios --> Sirve para anotar aclaraciones 'privadas' del autor de la
página. Lo que se escribe dentro de esta etiqueta es ignorado por el navegador y
no se muestra en la página.
- FORMATO DE TEXTOS
<b> </b> negrita (también sirve la etiqueta <strong>… </strong>)
<i> </i> cursiva (también sirve la etiqueta <em>…</em>)
<u> </u> subrayado
<font size=”X”> …… </font> marca el tamaño de los caracteres, donde X es un
valor del 1 a 7, o un valor relativo (+ 1-7).
<font color=”#XXYYZZ”> …… </font> define el color del texto, donde XXYYZZ es
un valor formado por letras y números que indica el color.
<font face=”arial”> …… </font> determina el tipo de la fuente.
La etiqueta <font> puede incluir los tres parámetros (tamaño, fuente y color):
<font size=X color=#XXYYZZ face=fuente escogida> …… </font>
- CREACIÓN DE LISTAS
Lista no numerada:
<ul>
<li>primer elemento de la lista</li>
<li>segundo elemento de la lista</li>
<li>tercer elemento de la lista</li>
</ul> cierra lista
lista numerada:
<ol>
<li>primer elemento de la lista</li>
<li>segundo elemento de la lista</li>
</ol> cierra lista.
lista de glosario o definición:
<dl>
<dt>término que se va a definir</dt>
<dd>definición del término</dd>
</dl> cierra lista.
- IMÁGENES
<img src="dirección de la imagen” "> indica la ruta de la imagen.
<img ... border=”X"> establece un borde de X pixels en torno a la imagen.
<img ... height="XX" width="YY"> establece un tamaño de la imagen (altura y
anchura) en pixels.
<img ... alt="texto explicativo"> se muestra un texto al pasar el cursorsobre la
imagen.
<img ... align="bottom"> alineación inferior del texto respecto de la imagen.
<img ... align="middle"> alineación del texto en el medio de la imagen.
<img ... align="top"> alineación superior del texto respecto de la imagen.
<img ... align="left"> alineación izquierda de la imagen en el párrafo.
<img ... align="right"> alineación derecha de la imagen en el párrafo.
<img ... hspace=X> espacio horizontal entre la imagen y el texto.
<img ... vspace=y> espacio vertical entre la imagen y el texto.
- TABLAS: útiles para componer la página y para presentar datos tabulares.
<table>……</table> Define dónde comienza y termina la tabla
<table width="XX%"> Determina la anchura de la tabla. Puede darse en píxeles
(no lleva el símbolo %), o en porcentaje de la página.
<table height="XX> Determina la altura de la tabla en píxeles.
<table border="X"> Establece el grosor en píxeles del borde de la tabla
<table cellspacing="X"> Define el espacio en píxeles entre las celdas
<table cellpadding="X"> Define el espacio en píxeles entre el borde y el texto
<tr>……<tr> determina cada una de las filas de la tabla
<td>……</td> determina cada una de las columnas dentro de las filas
Entre otros tag que dependiendo de lo que se necesiten se ocuparan.
fuentes: Documento pdf: tagshtml.pdf
No hay comentarios:
Publicar un comentario