3. Texto, xhtml
La mayor parte del contenido de las páginas HTML habituales está formado por texto, llegando a ser más del 90% del código de la página. Por este motivo, es muy importante conocer los elementos y etiquetas que define HTML para el manejo del texto.
HTML define etiquetas para estructurar el contenido en secciones y párrafos y define otras etiquetas para marcar elementos importantesdentro del texto.
3.1. ESTRUCTURAR
La forma más sencilla de estructurar un texto consiste en separarlo por párrafos. Además, HTML permite incluir títulos que delimitan cada una de las secciones.
3.1.1. PÁRRAFOS
Una de las etiquetas más utilizadas de HTML es la etiqueta , que permite definir los párrafos que forman el texto de una página. Para delimitar el texto de un párrafo, seencierra ese texto con la etiqueta . Los párrafos pueden ocupar varias líneas y el navegador se encarga de ajustar su longitud al tamaño de la ventana.
Párrafos
Atributos comunes
básicos, i18n y eventos
Atributos específicos
-
Tipo de elemento
Bloque
Descripción
Delimita el contenido de un párrafo de texto
3.1.2. SECCIONES
Las páginas HTML habituales suelen tener unaestructura más compleja que la que se puede crear solamente mediante párrafos. De hecho, es habitual que las páginas se dividan en diferentes secciones jerárquicas.
Los títulos de sección se utilizan para delimitar el comienzo de cada sección de la página. HTML permite crear secciones de hasta seis niveles de importancia. De esta forma, aunque una página puede definir cualquier número de secciones,sólo puede incluir seis niveles jerárquicos.
Las etiquetas que definen los títulos de sección son , , , , y . La etiqueta es la de mayor importancia y por tanto se utiliza para definir los titulares de la página.
La importancia del resto de etiquetas es descendiente, de forma que la etiqueta es la que se utiliza para delimitar las secciones menos importantes de la página.
Sección(titular) de nivel 1
Atributos comunes
básicos, i18n y eventos
Atributos específicos
-
Tipo de elemento
Bloque
Descripción
Define los títulos de las secciones de mayor importancia de la página
Las etiquetas , ..., definen títulos de sección, no secciones completas. Por este motivo, no es necesario encerrar los contenidos de una sección con su etiqueta correspondiente. Solamente se debeencerrar con las etiquetas , ..., los títulos de cada sección.
El siguiente ejemplo muestra el uso de las etiquetas de título de sección:
Ejemplo de texto estructurado con secciones
Titular de la página
Párrafo de introducción...
La primera sub-sección
Párrafo de contenido...
Otra subsección
Más párrafos de contenido...
3.2. MARCADO BÁSICO DE TEXTOUna vez estructurado el texto en párrafos y secciones, el siguiente paso es el marcado de los elementos que componen el texto. Los textos habituales están formados por elementos como palabras en negrita o cursiva, anotaciones y correcciones, citas a otros documentos externos, etc.
HTML proporciona varias etiquetas para marcar cada uno de los diferentes tipos de texto.
Entre las etiquetas másutilizadas para marcar texto se encuentran y .
Énfasis
Atributos comunes
básicos, i18n y eventos
Atributos específicos
-
Tipo de elemento
En línea
Descripción
Realza la importancia del texto que encierra
Énfasis más acentuado
Atributos comunes
básicos, i18n y eventos
Atributos específicos
-
Tipo de elemento
En línea
Descripción
Realza con la máxima importancia eltexto que encierra
La etiqueta marca un texto indicando que su importancia es mayor que la del resto del
texto. La etiqueta indica que un determinado texto es de la mayor importancia dentro
de la página. Ejemplo:
Ejemplo de etiqueta em y strong
El lenguaje HTML permite marcar algunos segmentos de texto como muy importantes y otros segmentos como los más importantes....
Regístrate para leer el documento completo.