Etiquetas básicas de HTML

---

Elementos básicos de presentación

En este nuevo capítulo de HTML,vamos a ir introduciendo etiquetas básicas que, al igual que en un procesador de texto, dan estructura a un documento. Se tratarán las siguientes etiquetas:

• <h1> a <h6>: encabezados.
• <p>: párrafos con formato.
• <br />: texto con formato previo.
• <hr />: regla horizontal.
• <pre>: texto sin formato.

Evidentemente, se trata de etiquetas básicas, pero no por ello, menos importantes, ya que ayudan a estructurar un documento de manera sencilla y legible, con los que nos hará adquirir buenos hábitos y, sobretodo, nos ayudará a asegurar que nuestras páginas reciben la atención que merecen.

Espacios en blanco

Antes de comenzar con las etiquetas mencionadas anteriormente, es importante recalcar que pese a que una página HTML funciona de manera parecida a un procesador de texto, tenemos que tener en cuenta que al codificar el mismo, este depende de estas etiquetas, con lo que por ejemplo, en lo que respecta a posibles espacios en blanco en el texto, estos no serán tenidos en cuenta, mostrándose sólo un espacio:

<p>Este párrafo    con espacios  en blanco, muestra que,   estos son tenidos    en cuenta   como   un único  espacio   entre palabras. </p>

El resultado tras ejecutar el documento:

Este párrafo con espacios en blanco, muestra que, estos son tenidos en cuenta como un único espacio entre palabras.

Seguidamente pasamos a las etiquetas básicas de HTML.

Etiquetas básicas

1. <h1> a <h6>: encabezados.

HTML ofrece seis niveles de encabezados, siendo sus elementos <h1>, <h2>, <h3>, <h4>, <h5> y <h6>. Los navegadores tienden a mostrar <h1> como el elemento más grande y <h6> como el más pequeño, aunque se pueden modificar, con una regla CSS, las propiedades de estos elementos de encabezado. Ejemplo de encabezados:

Encabezados

Encabezados

Encabezados

Encabezados

Encabezados

Encabezados

2. <p>: párrafos con formato.

Este elemento ofrece otra forma de estructurar el texto. De hecho, todo párrafo debería ir entre una etiqueta <p> de inicio y </p> de fin. Cuando un navegador encuentra un párrafo, normalmente inserta un salto de línea antes del siguiente párrafo y añade un poco de espacio vertical adicional. Además, el elemento <p> puede incorporar todos los atributos universales, los cuales veremos en próximos artículos.

3. <br />: texto con formato previo.

El elemento <br /> sirve para que, cualquier cosa que venga a continuación empiece en la siguiente línea. Es un elemento vacío, por lo que no necesita etiquetas de inicio o fin, al no existir contenido entre medias. Un consejo útil es evitar abusar de este elemento para posicionar texto, ya que un uso desmesurado, puede producir resultados inesperados porque la cantidad de espacio creado cuando lo hace, depende del tamaño de la fuente. En su lugar, la mejor solución es aplicar reglas de estilo con CSS.

4. <hr />: regla horizontal.

El elemento <hr /> crea una regla horizontal en la página. Se utiliza para separar secciones distintas donde no se necesita un encabezado.

5. <pre>: texto sin formato.

En algunas ocasiones necesitaremos que nuestro texto aparezca tal y cómo se escribe en nuestro documento HTML, no necesitamos ajustar una nueva línea, no queremos que ignore múltiples espacios o queremos los saltos de línea donde los hemos añadido. Ejemplo:



function test (strText){ alert (strText) }