Los documentos HTML se comprenden de dos partes, la Cabecera <HEAD> y el Cuerpo <BODY>
Elementos de la Cabecera del documento:
<HEAD></HEAD>
Esta es la primera etiqueta que se utilizará en un documento html. Entre <HEAD> y </HEAD> reside la información sobre el documento. Generalmente esta información no es visible cuando se navega por el documento.
<TITLE></TITLE>
Cada documento debe de tener un elemento <TITLE> que proporciona el título del documento que usualmente se verá en la parte superior de la ventana del buscador. Esto es lo que el navegador guarda en Bookmarks, lo que se ve cuando se imprime el documento, y también lo que el ordenador guarda en su caché (disco dentro del ordenador donde el navegador guarda las páginas visitadas) y mostrará cuando la página sea llamada de nuevo.
<META></META>
Esta etiqueta es para incluir información sobre el sitio web que no se verá en el sitio web. Por ejemplo:
<META NAME=”author” CONTENT=”Name”> indicaría el nombre del autor.
<META NAME=”keywords CONTENT=”keyword keyword keyword”> indicaría las palabras clave que queramos incluir para que los buscadores puedan identificar nuestro sitio más fácilmente.
<META NAME=”description” CONTENT=”This is a site”> esto indicaría un breve resumen de tu sitio que sería utilizada por los navegadores para contestar una búsqueda.
<META HTTP_EQUIV=”Refresh” CONTENT=”10”> esto indica al visualizador que vuelva a cargar la página activa a los 10 segundos.
También puedes impedir que la página sea guardada por el caché del ordenador:
<META HTTP_EQUIV=”Expires” CONTENT=”no-cache”>
O que la página sea eliminada nada más recibida:
<META HTTP_EQUIV=”Expires” CONTENT=”0”>
O que la página expire inmediatamente al entrar en el caché, esto se hace poniendo una fecha ya pasada:
<META HTTP_EQUIV=”Expires” CONTENT=”thur, 7 April 2011 17:55:43 GMT”>
Puedes poner todos elementos <META> que te interesen, pero sin repetirlos.
El segundo componente de un documento HTML es le cuerpo o <BODY>, y es donde va el contenido del documento:
<BODY>
Entre estas dos etiquetas va el texto del documento.
</BODY>
Dentro del elemento <BODY> podemos utilizar varios elementos diferentes para describir como el documento va a ser reproducido. Estos son los elementos bloque:
<H1> </H1> Tamaños de Titulares, estos son diferentes tamaños de letras y van de 1 (mayor) a 6 (menor), estos elementos no se pueden utilizar en el mismo párrafo, cada elemento H necesitará su propia linea.
Esto es H1
Esto es H2
Esto es H3
Esto es H4
Esto es H5
Esto es H6
Otra forma de cambiar los tamaños de las letras es utilizando el elemento <FONT></FONT>
Se pondrá el valor que se le quiera dar, del 1 al 7, el valor por defecto suele ser el 3. Se pueden utilizar diferentes atributos del elemento <FONT> en la misma linea, en el mismo párrafo. Se escribirá de la siguiente manera:
<FONT SIZE=1></FONT>
<FONT SIZE=2></FONT>, etc.
Si se quiere cambiar el valor por defecto (3) de todo el documento se puede utilizar el elemento <BASEFONT SIZE=valor>: en donde dice valor, se pondrá el número del tamaño requerido. Este valor se mantendrá hasta que aparezca otro elemento <BASEFONT SIZE=valor> con otro tamaño.
También se puede utilizar el elemento <FONT> para cambiar la tipografía o fuente de la letra, por ejemplo:
<FONT FACE=”arial”> texto </FONT>
<FONT FACE=”Applegothic”> texto </Font>
Se pueden utilizar los atributos de tamaño, de fuente y de color al mismo tiempo:
<FONT FACE=”Apple Chancery” SIZE= 7 COLOR=”red”> texto </Font>
Lista de colores:
<FONT COLOR=”red”></FONT> : rojo
<FONT COLOR=”blue”></FONT> : azul
<FONT COLOR=”navy”></FONT> : azul marino
<FONT COLOR=”green”></FONT> : verde
<FONT COLOR=”yellow”></FONT> : amarillo
<FONT COLOR=”lime”></FONT> : lima
<FONT COLOR=”magenta”></FONT> : rosa
<FONT COLOR=”purple”></FONT> : morado
<FONT COLOR=”cyan”></FONT> : azul turquesa claro
<FONT COLOR=”brown”></FONT> : marrón
<FONT COLOR=”black”></FONT> : negro
<FONT COLOR=”gray”></FONT> : gris
<FONT COLOR=”white”></FONT> : blanco
Hay muchos mas colores que se reconocen por un valor numérico y de letras individual para cada uno:
Estos se escribirían de la siguiente manera:
<FONT COLOR=”660000”></FONT>
<P></P> Denota un párrafo. Se puede utilizar con los atributos:
<P ALIGN= left> Alineación izquierda
<P ALIGN= center> Alineación centro
<P ALIGN= right> Alineación derecha
<BR></BR> Se usa cuando se quiere dejar una línea vacía entre dos párrafos.
BR quiere decir Break en inglés, que significa romper o hacer una pausa.
Se utilizaría de la siguiente forma:
<P> texto a texto a texto a texto a texto a texto a texto a texto a texto a texto a texto a texto a texto a <BR>
texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b texto b </P.
<DIV></DIV> es parecido a <BR> pues se utiliza para demarcar divisiones en un documento. La diferencia es que <DIV> tiene los atributos: left/right/center, que dictaminan donde se va a poner el texto, y que el elemento <DIV> necesita ser cerrado </DIV>.
<DIV ALIGN=left></DIV> texto comienza a la izquierda
<DIV ALIGN=center></DIV> texto comienza centro
<DIV ALIGN=right></DIV> texto comienza a la derecha
Si vas a citar un párrafo extenso, deberías utilizar el elemento <BLOCKQUOTE></BLOCKQUOTE> esto sirve para presentar párrafos como si estuviesen tabulados.
En nuestro siguiente blog seguiremos explicando las etiquetas de html más comunes.
<
