Creació de seccions de disseny a la vostra pàgina
Les capçaleres són una forma útil d'organitzar el vostre text, crear divisions útils i optimitzar la vostra pàgina web per als motors de cerca. Podeu crear fàcilment encapçalaments amb etiquetes HTML. També podeu canviar l'aspecte del text amb les etiquetes en negreta i en cursiva.
Encapçalaments
Les etiquetes d'encapçalament són la forma més senzilla de dividir el document. Si penses en el teu lloc com a diari, els títols són els titulars del diari. El títol principal és un h1 i els encapçalaments posteriors són h2 a h6.
Utilitzeu els codis següents per crear l'HTML.
Aquesta és l'encapçalament 1 Aquesta és l'encapçalament 2 Aquesta és l'encapçalament 3 Això és l'encapçalament 4 Aquesta és l'encapçalament 5 Aquesta és l'encapçalament 6 Consells per recordar
- Intenta mantenir els encapçalaments en ordre lògic, h1 és abans de l'h2, que arriba abans de l'h3, i així successivament.
- No us preocupeu massa de com es veuen els encapçalaments: heu d'utilitzar CSS als titulars d'estil en comptes d'utilitzar un títol fora d'ordre.
- Les etiquetes de capçalera són elements de nivell de bloc , de manera que us deixen les pauses de línia. No col·loqueu etiquetes P dins de les etiquetes de capçalera.
Negreta i itàlica
Aquesta és l'encapçalament 3 Això és l'encapçalament 4 Aquesta és l'encapçalament 5 Aquesta és l'encapçalament 6 Consells per recordar
- Intenta mantenir els encapçalaments en ordre lògic, h1 és abans de l'h2, que arriba abans de l'h3, i així successivament.
- No us preocupeu massa de com es veuen els encapçalaments: heu d'utilitzar CSS als titulars d'estil en comptes d'utilitzar un títol fora d'ordre.
- Les etiquetes de capçalera són elements de nivell de bloc , de manera que us deixen les pauses de línia. No col·loqueu etiquetes P dins de les etiquetes de capçalera.
Negreta i itàlica
Aquesta és l'encapçalament 5 Aquesta és l'encapçalament 6 Consells per recordar
- Intenta mantenir els encapçalaments en ordre lògic, h1 és abans de l'h2, que arriba abans de l'h3, i així successivament.
- No us preocupeu massa de com es veuen els encapçalaments: heu d'utilitzar CSS als titulars d'estil en comptes d'utilitzar un títol fora d'ordre.
- Les etiquetes de capçalera són elements de nivell de bloc , de manera que us deixen les pauses de línia. No col·loqueu etiquetes P dins de les etiquetes de capçalera.
Negreta i itàlica
Consells per recordar
- Intenta mantenir els encapçalaments en ordre lògic, h1 és abans de l'h2, que arriba abans de l'h3, i així successivament.
- No us preocupeu massa de com es veuen els encapçalaments: heu d'utilitzar CSS als titulars d'estil en comptes d'utilitzar un títol fora d'ordre.
- Les etiquetes de capçalera són elements de nivell de bloc , de manera que us deixen les pauses de línia. No col·loqueu etiquetes P dins de les etiquetes de capçalera.
Negreta i itàlica
Hi ha quatre etiquetes que podeu utilitzar per negreta i cursiva:
- i en negreta
- i per cursiva
No importa quina utilitza. Tot i que alguns prefereixen i , però moltes persones troben com a "negreta" i italic més fàcil de recordar.
Simplement rodona el text amb les etiquetes d'obertura i tancament, per fer que el text sigui en negreta o cursiva:
negreta cursivaPodeu niar aquestes etiquetes (el que significa que podeu fer text en negreta i cursiva) i no importa quina és l'etiqueta externa o interna.
Per exemple:
Aquest text és en negreta
Aquest text és en negretaAquest text està en cursiva
Aquest text és cursivaAquest text és en negreta i cursiva
Aquest text és en negreta i cursivaPer què hi ha dos conjunts d'etiquetes en negreta i itàlica
A HTML4, les etiquetes i eren considerades etiquetes d'estil que només afectaven l'aspecte del text i no tenien res a veure amb el contingut de l'etiqueta i que es considerava una forma incorrecta d'utilitzar-les. Després, amb HTML5, se'ls va donar un significat semàntic fora de l'aspecte del text.
En HTML5, aquestes etiquetes tenen significats específics:
- denota text que no és més important que el text que l'envolta, però la presentació tipogràfica típica és text en negreta, com ara paraules clau en un resum del document o noms de producte en una revisió.
- denota text que no és més important que el text que l'envolta, però la presentació tipogràfica típica és text en cursiva, com ara un títol de llibre, un terme tècnic o una frase en un altre idioma.
- denota text que té una gran importància en comparació amb el text que l'envolta.
- denota text que té un estrès enfàtic en comparació amb el text que l'envolta.