Cómo crear encabezados en negrita e itálica en HTML

Inserte etiquetas de marcado de estilo para cursiva y negrita en su HTML código de encabezado para agregar énfasis a su lista de temas.

Encabezados

Las etiquetas de encabezado son la forma más sencilla de dividir su documento. Si piensa en su sitio como un periódico, entonces los títulos son los titulares del periódico. El título principal es un H1 y los títulos posteriores son de H2 a H6.

Utilice los siguientes códigos para crear el HTML.

Este es el título 1


Este es el título 2


Este es el título 3


Este es el título 4


Este es el título 5

Este es el título 6

Mantenga sus títulos en un orden lógico: H1 viene antes de H2, que viene antes de H3, y así sucesivamente.

No se preocupe demasiado por el aspecto de los encabezados; debe usar CSS para titulares de estilo en lugar de utilizar un título desordenado. Las etiquetas de título son elementos a nivel de bloque, por lo que ponen saltos de línea para usted. No coloque etiquetas de párrafo dentro de las etiquetas de encabezado.

Negrita e itálica

instagram viewer

Hay cuatro etiquetas que puede usar para negrita y cursiva:

  • y para negrita
  • y para cursiva

No importa cuál uses. Mientras que algunos prefieren y , mucha gente encuentra para "negrita" y para "cursiva" más fácil de recordar.

Simplemente rodee su texto con las etiquetas de apertura y cierre, para que el texto negrita itálico:

negrita
itálico

Puede anidar estas etiquetas (lo que significa que puede hacer que el texto sea tanto en negrita como en cursiva) y no importa cuál sea la etiqueta externa o la interna.

Por ejemplo:

Este texto está en negrita

Este texto está en negrita

Este texto está en cursiva

Este texto está en cursiva

Este texto está tanto en negrita como en cursiva

Este texto está tanto en negrita como en cursiva

Por qué hay dos conjuntos de etiquetas en negrita y en cursiva

En HTML4, el y Las etiquetas se consideraron etiquetas de estilo que solo afectaban la apariencia del texto y no decían nada sobre el contenido de la etiqueta, y se consideraba de mala forma usarlas. Luego, con HTML5, se les dio un significado semántico fuera del aspecto del texto.

En HTML5, estas etiquetas emplean significados específicos:

  • denota texto que no es más importante que el texto que lo rodea, pero la presentación tipográfica típica es texto en negrita, como palabras clave en un resumen de documento o nombres de productos en una reseña.
  • indica texto que no es más importante que el texto que lo rodea, pero la presentación tipográfica típica es texto en cursiva, como el título de un libro, un término técnico o una frase en otro idioma.
  • denota texto que tiene una gran importancia en comparación con el texto circundante.
  • denota texto que tiene un énfasis enfático en comparación con el texto circundante.

Cursiva en encabezados

Nada le impide utilizar etiquetas en cursiva en una etiqueta de encabezado, aunque algunos navegadores pueden eliminar este contexto. Por lo general, es mejor usar CSS para asegurarse de obtener el resultado visual que busca.