Las páginas web mantienen una estructura muy sencilla que debemos respetar, para que los navegadores sean capaces de presentarla. No podemos comenzar nuestra página con una etiqueta de párrafo, por ejemplo, sino que debemos indicar qué tipo de página estamos generando, qué información adicional llevará y dónde comienza el contenido que debe ser mostrado.
La mayoría de las etiquetas son pareadas, es decir, <...> corresponde al principio de la acción y </...> indica el fin de dicha acción.
De este modo, cualquier página web incluirá al menos las siguientes etiquetas:
- Por tanto, una página web estará siempre contenida entre las etiquetas <html> y </html> que indican dónde comienza y finaliza la página web.
Además, todo documento HTML consta de dos partes: la cabecera (head) y el cuerpo del documento (body).Revisemos un poco más a detalle:
Junto a las tres etiquetas anteriores podemos encontrar algunas más que son importantes para que la web se interprete correctamente:- <head> y </head> definen un espacio en el que incluiremos contenidos que no se van a mostrar directamente en el navegador, sino que sirven para describir determinados aspectos del documento, como su título, autor, los estilos que emplearemos, etc.
- <body> y </body> en su interior se incluye la información que se mostrará en el navegador. Es el contenido real de la página, estructurado mediante las diferentes etiquetas.
- <!DOCTYPE> y <?xml> son dos etiquetas que indican qué tipo de documento estamos generando y a qué normas se ajusta. Normalmente serán siempre iguales y será nuestro editor el que se encargue de colocarlas al principio de la página, cuando sea necesario.
Ya estamos en condiciones de componer nuestra primera página web. Basta con escribir las siguientes etiquetas en nuestro editor de texto y salvar el resultado con la extensión *.html o *.htm:
Como en el siguiente ejemplo, usaremos el Bloc de notas o algún editor de texto:
|
<!DOCTYPE html> <html> <head> <title>Mi primera página</title> </head> <body> <p>Mi primera página web, creada con tan sólo copiar y pegar.</p> </body> </html> |
Eso es todo, guardamos el documento como index.htm ó index.html, luego abrimos el archivo con el explorador de nuestra preferencia y será nuestra primera creación.
.jpg)
