HTML significa HyperText Markup Language. Es el lenguaje en que se escriben los millones de documentos que hoy existen en el World Wide Web. Cuando accedemos a uno de estos documentos, el cliente (Netscape, IE, Mosaic, Lynx, Mozilla) los interpreta y los muestra.
Estructura de un documento HTML
Todas las páginas web tienen la siguiente estructura:
<html>
<head>
<title>Primera página</title>
</head>
<body>
</body>
</html>
<head>
<title>Primera página</title>
</head>
<body>
</body>
</html>
En la primer linea encontramos la etiqueta <html>. Esta le indica al cliente que comienza un documento HTML.
Luego viene <head>, la cabecera, donde se pone información sobre el documento, que no se ve en la pantalla del navegador. Aquí puede ir el título <title> del documento, es lo que veremos como título de la ventana en los navegadores que lo permitan y como se conocerá nuestra página en algunos buscadores y en la lista de favoritos de los usuarios (es importante pensar bien el título del documento).
Tras la cabezera viene <body>, el cuerpo, que es donde se coloca la información que queremos mostrar en la pantalla principal del navegador.
Comandos básicos de formateo de texto
<p>...</p>
Indica un comienzo de párrafo. Tiene como opciones align="center" ,"left" o "right", para centrar o alinear a derecha o izquierda el texto. Cada comienzo de párrafo deja un espacio separador.
<h1>...</h1>
Se usan para dividir correctamente en secciones nuestra página, tal y como se hace en un documento de texto normal. El mas importante (grande) es <h1>, luego <h2> y así hasta <h7>.
<center>...</center>
Permite centrar.
<pre>...</pre>
Representa el texto encerrado en ella con un tipo de letra de paso fijo.
<blockquote>...</blockquote>
Para dejar márgenes tanto a izquierda como a derecha (sangrar).
<br>
Cuando escribimos un documento HTML los retornos de carro no tienen ningún efecto (salvo si están contenidos bajo la directiva <pre>). Agrupaciones de más de un carácter en blanco se traducen en un solo carácter blanco.
<hr>
Inserta una linea horizontal o separador. De ellos pueden modificarse varios atributos:
size="num", "%"
grosor de la barra horizontal, en pixels o el porcentaje del ancho de página.
width="num"
anchura de la barra horizontal en pixels.
align="..."
alineamiento de la barra, puede valer left, right o center .
noshade
elimina el aspecto tridimensional .
Cambiando el estilo de letra
Todas estas etiquetas nos permiten cambiar el aspecto del tipo de letra que estemos utilizando.
<b>...</b>
Pone el texto en negrita.
<i>...</i>
Representa el texto en cursiva.
<u>...</u>
Para subrayar algo.
<s>...</s>
Para tachar.
<tt>...</tt>
Permite representar el texto en un tipo de letra de paso fijo.
<sup>...</sup>
Letra superíndice.
<sub>...</sub>
Letra subíndice.
