Una vez se muestran en el navegador, los textos de las páginas web no suelen leerse de forma concentrada palabra a palabra, sino que se sobrevuelan con la vista en busca de lo que interesa. Mediante el uso de títulos, párrafos y listas podemos ofrecer puntos en los que el usuario puede fijar la vista en su recorrido por el texto.
Uso de títulos
Aunque en la clase de lengua no apreciases demasiado el término "estructura", deberías aplicar títulos en las páginas web que crees. Los títulos estructuran la página y despejan el texto desde el punto de vista óptico.
De forma ideal, los títulos deben permitir que el lector pueda deducir el contenido de la página web saltando de título en título. Así, por ejemplo, un usuario puede decirle a su screenreader que solamente le lea los ítulos de una página.
HTML tiene seis elementos distintos para títulos, desde hl hasta h6. La h corresponde a heading ("título"), y el número a continuación el nivel de la estructura, hl no significa "el segundo título del texto", sino "un título de segundo nivel". Así, puede haber varios títulos hl en una misma página.
HTML tiene seis elementos distintos para títulos, desde hl hasta h6. La h corresponde a heading ("título"), y el número a continuación el nivel de la estructura, hl no significa "el segundo título del texto", sino "un título de segundo nivel". Así, puede haber varios títulos hl en una misma página.
No seleccionar el nivel del título por el tamaño de letra
En la mayoría de navegadores, los distintos niveles de título se representan utilizando distintos tamaños de fuente. Sin embargo, deberíamos evitar seleccionar un determinado nivel de título por el tamaño de letra que se le asigna:
• El aspecto de un título y, con él, el tamaño de letra, se pueden cambiar más tarde con CSS.
• En HTML solamente estamos diciendo momentáneamente que el texto marcado es un título, y qué nivel de estructura tiene.
En pocas palabras: no empieces tu página web p. ej. con <h3> sólo porque <hi> te parezca demasiado grande. Además, todos los títulos son elementos de bloque, por lo que automáticamente son tan anchos como sea posible y tienen un salto de línea integrado.
Tarea: crear un título para la página web
1. Abre la página inicial index.html en el editor.
2. Coloca el cursor en el área de encabezado.
3. Rellénalo con el siguiente código resaltado en negrita:
<div id="encabezado">
< h1 > L i t t l e Boxes </h1>
</div>
1. Abre la página inicial index.html en el editor.
2. Coloca el cursor en el área de encabezado.
3. Rellénalo con el siguiente código resaltado en negrita:
<div id="encabezado">
< h1 > L i t t l e Boxes </h1>
</div>
4. Guarda la página y ábrela en un navegador.
El texto se muestra grande y en negrita en la ventana del navegador. No es bonito, pero es un título.
No response to “Elementos HTML: Títulos: h1 a h6”
Publicar un comentario