Elementos HTML

Textos

La mayoría de contenidos de las páginas web es texto en forma de párrafos y se escribe, normalmente, dentro de algún elemento "de bloque". También hay numerosos elementos "de línea" relacionados con el texto.

☰ Encabezados

Encabezado de nivel 1, etiqueta <h1>.

Encabezado de nivel 2, etiqueta <h2>.

Encabezado de nivel 3, etiqueta <h3>.

Encabezado de nivel 4, etiqueta <h4>.

Encabezado de nivel 5, etiqueta <h5>.
Encabezado de nivel 6, etiqueta <h6>.

☰ Párrafos y salto de línea

Lorem ipsum dolor sit amet consectetur adipiscing elit magna, imperdiet lacinia pretium pulvinar diam nam a, sem tristique dictumst aptent aliquam accumsan nec. Fermentum mollis sociis vivamus torquent vestibulum hendrerit, libero diam magnis sollicitudin auctor curae sapien, nam porta quam cubilia turpis. Habitant mattis nec tristique condimentum lobortis erat consequat, semper sociis blandit eu eget quis, vestibulum aenean ornare cubilia curae i etiqueta <br>.

☰ Línea horizontal

Etiqueta <hr>.Lorem ipsum dolor sit amet consectetur adipiscing elit magna, imperdiet lacinia pretium pulvinar diam nam a, sem tristique dictumst aptent aliquam accumsan nec. Fermentum mollis sociis vivamus torquent vestibulum hendrerit, libero diam magnis sollicitudin auctor curae sapien, nam porta quam cubilia turpis. Habitant mattis nec tristique condimentum lobortis erat consequat, semper sociis blandit eu eget quis, vestibulum aenean ornare cubilia curae i.


Lorem ipsum dolor sit amet consectetur adipiscing elit magna, imperdiet lacinia pretium pulvinar diam nam a, sem tristique dictumst aptent aliquam accumsan nec. Fermentum mollis sociis vivamus torquent vestibulum hendrerit, libero diam magnis sollicitudin auctor curae sapien, nam porta quam cubilia turpis. Habitant mattis nec tristique condimentum lobortis erat consequat, semper sociis blandit eu eget quis, vestibulum aenean ornare cubilia curae i.

☰ Texto enfatizado

Este texto es muy importante, etiqueta <strong>.Lorem ipsum dolor sit amet consectetur adipiscing elit magna, imperdiet lacinia pretium pulvinar diam nam a, sem tristique dictumst aptent aliquam accumsan nec.

Este texto es muy importante, etiqueta <em>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Este texto está resaltado en negrita, etiqueta <b>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Este texto está resaltado en cursiva, etiqueta <i>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Este texto está resaltado, etiqueta <mark>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Este texto está subrayado, etiqueta <u>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Contenido no relevante, etiqueta <s>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut..

Texto eliminado del documento, etiqueta <del>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut..

Texto insertado, etiqueta &lins>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Secuencia de teclas, etiqueta <kbd>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Comentario lateral, etiqueta <small>.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Utilizando superíndice, etiqueta <sup>: x2+1=0.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Utilizando subíndice, etiqueta <sub>: H2O.Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

☰ Abreviaturas y dirección

Este párrafo contiene una abreviatura, etiqueta <abbr>ONU. Lorem ipsum dolor sit amet, consectetur adipsicing elit. Alias pariatur quis nihil ut aut.

Este párrafo contiene una dirección, etiqueta <address>.

Calle Gran Vía, 18
MADRID

☰ Citas

Esto es una cita de línea, etiqueta <q>.

Viendo don Quijote la humildad del alcaide de la fortaleza, que tal le pareció el ventero y la venta, respondió: Para mí señor, castellano cualquiera cosa basta, porque mis arreos son las armas, mi descanso el pelear, etc.

Esto es una cita de bloque, etiqueta <blockquote>.

<<... los altos cielos que de vuestra divinidad divinamente con las estrellas os fortifican, y os hacen merecedora del merecimiento que merece la vuestra grandeza.>>

☰ Texto preformateado

Utilizando la etiqueta <pre>

#container {
  widht: 96 vw;
  max-widht: 960 px;
  margin: 2vh auto;
  padding: 0.5em;
  background-color: rgba(0,0,0,0.1);
  }
  
Utilizando la etiqueta <code>: background-color: rgba(0,0,0,0.1)

Utilizando la etiqueta <var>: variable=100;