Curso HTML
El código
La explicación
El cuerpo del documento
arriba
El código
Lo mejor para aprender a hacer algo es ... ¡hacerlo!. Así que vamos a la primera página
mipagina.htm
Mi primera pagina web
Mi Primera pagina web
Esto tan sencillo es una verdadera página web, aunque le falta el contenido,
pero todo llegará.
Si quieres ver como queda esto en elexplorador solo tienes que pulsar aquí, y tranquilo que se abrirá en otra ventana
arriba
La explicación
Si te fijas en la página que ves con el explorador solo se ve parte de lo que has escrito, concretamente todo lo que no está encerrado entre los símbolos < y >. Eso es el contenido de la página, pero ¿y lo que está entre esos paréntesis angulares? pues esas son las etiquetas que le dicen alexplorador como mostrar el contenido: en grande, con colores, centrado, el título de la página, etc. Si te fijas cada etiqueta tiene un comienzo y un fin:
...
Como ves una apertura y un cierre. Algunaas etiquetas (como cambio de línea o linea horizontal) no llevan cierre. Fijaros que lo primero que tenemos es la etiqueta cerrda al final del documento con , eso quiere decir que estamos anteun HTML:
...
Dentro de ese documento vemos una parte llamada cabecera, que la reconocerás porque está limitada con la etiqueta . Él contenido de esta parte no siempre es visible, y si lo es nunca se muestra en la página en si. Contiene por ejemplo el título que se ve en la ventana del explorador, arriba a la izquierda. La cabecera queda por tanto :
Mi página web
Puede contener muchasotras cosas, pero eso lo dejamos para más adelante.
arriba
El cuerpo del documento
La otra parte es el cuerpo o , es el contenido de la página web. Tiene una etiqueta con cierre:
...
Y ahora el contenido:
Mi primera página web
Con esto colocaremos el texto en formato (o cabecera 1) y centrado (align="center"), o sea, en tamaño grande y centrado en la página, una forma de resaltarla frase. Ahora separamos esa frase por medio de una línea horizontal:
Como ves este es un ejemplo de etiqueta sin cierre. Y por último colocamos un texto escplicativo en un párrafo (), o sea, un bloque de texto con un espacio por delante y otro por detrás :
Esto tan sencillo es una verdadera página web, aunque
le falta el contenido, pero todo llegará.
Para empezar no está mal, por supuestoexisten muchas más etiquetas con misiones diferentes a la de mostrar texto, pero eso lo iremos viendo poquito a poco.
El documento HTML
Estructura del documento
La cabecera
Meta Name
Meta Http-Equiv
El cuerpo
arriba
Estructura del documento
La estructura de un documento HTML se puede resumir así:
tipo de documento
titulo de la página
cosas que afectan a la página perono a su contenido
contenido de la página
En el tipo de documento deberemos especificar a que estándar del HTML responde nuestra página entre una de las siguientes opciones:
Cumple el estándar HTML 2.0
Cumple el estándar HTML 3.2
Cumple el estándar HTML 4.0
Cumple el estándar HTML 4.0 y no contiene además elementos desaconsejables
Es una definición de marcos que cumpleel estándar HTML 4.0
El HTML 4.0 considera desaconsejables aquellos elementos que, aún siendo soportados, han sido sustituidos por otros más potentes y, por ello, es posible que sean eliminados del estándar HTML en el futuro.
arriba
La cabecera
Suele ser el lugar más indicado para colocar aquellos elementos de la página que no alteren el contenido de la misma, aunque si la forma depresentarlo y su comportamiento. Es por eso que es el lugar más recomendable para colocar los scripts y las hojas de estilo, como veremos en los capítulos correspondientes.
Hay también otro elemento interesante que podremos incluir en nuestras cabeceras. Cuando especificamos una URL relativa en un enlace, en principio es para acceder a una página situada en nuestro mismo servidor. Sin embargo, si...
Regístrate para leer el documento completo.