Introducción a XHTML

Un documento inicial

  1. Título
  2. Cabeceras
  3. Párrafos
  4. Finales de línea
  5. Líneas horizontales

1. Título

El título del documento se almacena en la cabecera (head) del documento. No es visible dentro de la página web, pero muchos visualizadores lo muestran en alguna parte. También es usado como el título por defecto para las entradas de las "hotlist"' o "bookmarks" que el usuario va almacenando.

Para definir el título, se hará dentro de la etiqueta head y utilizando la etiqueta <title>...</title>

...
  <head>
    <title>Introduccion a XHTML</title>
  <head>
...

2. Cabeceras

Las cabeceras permiten dividir lógicamente el documento en secciones, subsecciones, etc. XHTML prevee hasta seis niveles de cabeceras.

Las cabeceras aparecen solamente en el cuerpo del documento (etiqueta body, no confundir con la cabecera de documento -document HEADer-).

Para especificar un texto cabecera de nivel requerido se hará:

<h1>Cabecera de nivel 1</h1>       Más general
<h2>Cabecera de nivel 2</h2>
<h3>Cabecera de nivel 3</h3>
...
<h6>Cabecera de nivel 6</h6>       Más especifico

Lo descrito anteriormente aparecería de la siguiente forma:

Cabecera de nivel 1

Cabecera de nivel 2

Cabecera de nivel 3

Cabecera de nivel 6

3. Párrafos

La mayor parte del texto que se escribe forma parte de un párrafo de texto.

Para establecer una separación de párrafos, las dos porciones de texto que pertenecen a párrafos diferentes deben formar parte de distintas secciones dentro de un documento XHTML. La simple escritura de un retorno de carro no es suficiente (uno o más retornos de carro son tratados como un simple espacio en blanco).

Para crear un párrafo, basta con escribir el texto que lo forma dentro de la etiqueta <p>...</p>:

    ...
    <p>Este es mi primer párrafo.
aunque escriba este texto en otra linea,
seguirá perteneciendo al mismo párrafo.</p>
    <p>Este es mi segundo párrafo. Mira
cómo se ha creado una separación entre párrafos.</p>
    ...

El usuario verá:

Este es mi primer párrafo. aunque escriba este texto en otra linea, seguirá perteneciendo al mismo párrafo.

Este es mi segundo párrafo. Mira cómo se ha creado una separación entre párrafos.

4. Finales de línea

En numerosas ocasiones es necesario forzar un final de linea en el documento formateado (un simple retorno de carro no es suficiente). Para ello, es suficiente con el uso de la etiqueta simple <br /> (la etiqueta se cierra en sí misma porque no tiene contenido):

...
    <p>Yo realmente veré la siguiente línea<br />
en otra linea.</p>

El usuario verá:

Yo realmente veré la siguiente linea
en otra línea.

5. Líneas horizontales

Las líneas horizontales son usadas para formatear un documento en secciones.

Se debe evitar el uso de imágenes para crear el efecto de divisiones horizontales:


La inserción de una línea horizontal es muy simple. Se realizará insertando la etiqueta <hr /> en el lugar donde se desee que aparezca (esta etiqueta no necesita su homóloga de cierre). Un ejemplo puede verse en la linea que aparece antes de este párrafo.

Copyright © 2011-2012 Mariano Martín Nevado. Términos de uso.