Texto
A continuación comenzaremos a revisar las principales etiquetas que se utilizan para aplicar formato a un texto.
Títulos y párrafos
El lenguaje HTML es muy cuidadoso con la organización de la información, por lo que lo primero que debemos conocer es cómo estructurar los títulos y cómo definir los párrafos de texto.
Párrafos
Las etiquetas <p> y </p> se emplean para definir un bloque de texto que se comporta como un párrafo. Normalmente no dejaremos nunca una porción de texto suelta por la página web, sino que la rodearemos con esas etiquetas. El editor de texto se encargará de hacerlo por nosotros pero, si estamos usando otro tipo de editor, debemos asegurarnos de qué sucede.
Títulos
Las etiquetas <h1> y </h1> se utilizan para definir un texto como título, indicando que es una cabecera (la h viene de header, cabecera en inglés) que queremos destacar sobre el resto del texto. Junto a <h1> contamos con <h2>, <h3> y así hasta <h6> para definir diferentes títulos, de mayor a menor importancia.
Una página web bien diseñada contará con estos encabezados para definir los distintos apartados del texto, con sus diferentes niveles. Cada uno de los niveles de encabezado tiene una apariencia diferente de tamaño y tipo de letra. Este aspecto se puede modificar como veremos un poco más tarde.
Saltos de línea y líneas separadoras
Para complementar las opciones de separación del texto, contamos con dos etiquetas más.
- <br /> inserta un salto de línea en el texto. No genera un nuevo párrafo, sino que parte la línea en dos. Es un elemento puntual, que no lleva etiqueta de cierre.
- <hr /> inserta un salto de línea en el texto, pero mostrando una línea horizontal visible.
Pregunta de Elección Múltiple
Actividad 2
En la página de la Actividad 1 introduce el siguiente texto:
El HTML es un lenguaje utilizado para representar
documentos en la WWW. Además de texto normal
incluye también, elementos multimedia (gráficos,
vídeo, audio, etc...) y existen enlaces (link) que
permiten saltar a otras partes del documento o a
cualquier otro sitio de Internet. Otra de sus
características es su portabilidad, es decir, se pueden
visualizar y crear en cualquier sistema operativo.
Las etiquetas constituyen la filosofía de este
lenguaje. por medio de ellas se pueden controlar los
elementos tipográficos del texto (tipo, color y
tamaño), el estilo (negrita, cursiva, etc...), así como la
inclusión de tablas, listas, formularios, etc...
Las etiquetas HTML se escriben encerradas entre
ángulos. Normalmente se utilizan dos etiquetas: una
de inicio y otra de final para indicar que ha terminado
el efecto que queríamos presentar. La única
diferencia entre ambas es que la de cierre lleva una
barra inclinada "/" antes del código.
Estructura el texto en los tres párrafos que se ven, investiga en la web cono conseguir las alineaciones que se han utilizado. Inserta también una línea horizontal entre dos párrafos. Coloca dos titulos de distinto nivel que tengan relación con el texto.
Guardala cono Ejercicio2.html y enviala por correo
Como hemos podido comprobar, podemos emplear estas etiquetas tanto para realizar pequeñas separaciones en el interior de un párrafo como fuera de él. El salto de línea se emplea con cierta frecuencia, aunque no debería usarse para distanciar párrafos, ya que veremos otras opciones más apropiadas.
Obra colocada bajo licencia Creative Commons Attribution Share Alike 3.0 License