© Jordi González Boada
Una página sencilla
Esta es la mínima información (codificación) que debería tener una página web:
<html>
<head>
<title>
Título de la página
</title>
</head>
<body>
Contenido de la página
</body>
</html>
fig01_01 Una página sencilla
La base del lenguaje HTML es el uso de etiquetas (tags, en ingles), las cuales tienen la siguiente estructura general:
<NombreEtiqueta> inicio de la etiqueta
</NombreEtiqueta> final de la etiqueta
Por norma general < > indica el inicio de la etiqueta y </ > el final de la misma. Volveremos sobre esto más adelante.
Así pues en nuestro primer ejemplo tenemos las siguientes etiquetas:
- <html></html>: indica el inicio del documento HTML.
- <head></head>: indica el inicio de la cabecera del documento.
- <title></title>: en esta etiqueta se pone el título de la página.
- <body></body>: aquí se inserta el texto que se visualizará en la ventana principal del navegador.
La única etiqueta realmente requerida es la etiqueta title, las demás, de las mostradas en el ejemplo, son opcionales.
En la cabecera del documento se pueden incluir, además de la etiqueta de título, otras más que aunque no muestran información directamente al usuario resultan muy útiles. Las veremos más adelante.
El título es visible en la barra de títulos del navegador (en la parte superior izquierda del navegador) y en la pestaña del navegador correspondiente a la página.
Si en la etiqueta body escribimos con nuestro procesador de texto he insertamos saltos de línea (con la tecla Enter) nos daremos cuenta que al cargar la página en el navegador los saltos de página que pusimos en nuestro documento no se ven reflejados en el navegador, todo se ve como una única línea.
Esto es debido a que el lenguaje HTML tiene su propias etiquetas para introducir saltos de línea y de párrafos. Más aún, si escribieseis varios espacios seguidos entre dos palabras el navegador tan sólo reflejaría en pantalla el primero de ellos.
Además de insertar saltos de línea y de párrafo también podremos querer utilizar distintos tamaños de letra, tipos de fuente, estilos y grosores de las mismas, y por supuesto diferentes alineaciones de texto (centrado, a la derecha,...). Todo esto lo veremos en el próximo tema.
