En la primera línea encontramos el comando <HTML>. Esto le indica al cliente que comienza un documento HTML. Luego viene <HEAD>, la primera parte de un documento HTML. Dentro de HEAD puede ir el titulo <TITLE> del documento. Luego de HEAD viene <BODY>, que es donde se coloca la información que queremos mostrar.
Esta etiqueta contiene la cabecera (o encabezamiento) del documento. Esta cabecera contiene entre otras cosas el título de la página. La cabecera contiene información que no se muestra con la página (exceptuando el título), es la información que usan los navegadores y buscadores de Internet para mostrar o indexar las páginas.
El título de la página. Este se muestra en la barra de tareas. También se muestra en la parte superior de la ventana del navegador.
Para dibujar una línea horizontal usamos la etiqueta <hr>. Esta es otra de las etiquetas sin compañera.
Con <hr> se tiene una línea horizontal
Esta etiqueta tiene una serie de opciones:
ALIGN=left|right|center : Para poner la etiqueta a la izquierda, centrada o a la derecha.
NOSHADE:Para dibujar la etiqueta sin sombra.
SIZE=n:Especifica la altura (o grosor) de la etiqueta.
WIDTH=n|p%: Especifica la anchura de la etiqueta en pixels (en puntos) o en tanto por ciento respecto a la
Negrita
Con las etiquetas <b> y </b> se consigue poner el texto en negrita (bold). Este el el efecto que se consigue:
<b>Negrita</b> ->Negrita
Existe otra etiqueta <strong> que es similar y que veremos más adelante.
Cursiva
Para mostrar un texto en cursiva:
<i>Cursiva</i> ->Cursiva
Hay otras posibilidades <cite> y <em> que veremos más adelante.
Subrayado
Para tener un texto subrayado usamos la etiqueta <u> (underline):
<u>Subrayado</u> ->Subrayado
Algunos navegadores no muestran esta etiqueta porque puede confundirse con los enlaces (que también aparecen subrayados). No se recomienda su uso, en su lugar es mejor usar <i>, o <em> o <cite>.
Grande
Con las etiquetas <big> y</big> el texto aparece con un tamaño mayor al normal.
<big>Grande</big> -> Grande
Se pueden encadenar varios <big> pero no se asegura que el texto sea más grande que uno solo.
Pequeño
Es lo opuesto a la etiqueta big, con esta tenemos un texto más pequeño de lo normal:
<small>Pequeño</small> -> Pequeño
Al igual que con big, se pueden encadenar varios small.
Superíndice
Si usamos fórmulas matemáticas esta etiqueta es muy interesante. Muestra el texto más elevado que lo normal y con letra más pequeña. No está implementado en todos los navegadores así que sería bueno asegurarse de que el texto se entiende aunque no funcione la etiqueta.
<sup>Superíndice</sup> -> Normal Superíndice
Subíndice
Similar a la anterior pero el texto aparece más bajo de lo normal.
<sub>Subíndice</sub> -> Normal Subíndice
<BR>Realiza un salto de línea. Esta etiqueta no necesita cerrarse.
<P>Realiza un salto de párrafo. Tampoco necesita cerrarse.
<CENTER> </CENTER>
Posiciona el texto seleccionado en el centro de la página. También puede aplicarse a gráficos.
<Hx> </Hx>Se utiliza para resaltar encabezados. La x son números que van del 1 al 6, siendo el 1 el encabezado más grande y resaltado, el 2 un poco menos y así sucesivamente.
Aquí es donde va el texto de la página, y las imágenes, y las tablas y todo lo que le pongamos. El contenido de body es lo que se muestra en el navegador.