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

nivel 1 <h1>.

nivel 2 <h2>.

nivel 3 <h3>.

nivel 4 <h4>.

nivel 5 <h5>.
nivel 6 <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>.

"Albion online es un mmorpg no lineal, en el que escribes tu propia historia sin limitarte a seguir un camino prefijado, explora un amplio mundo abierto con 5 biomas únicos, todo cuanto hagas tendrá su repercusión en el mundo, con la economía orientada al jugador de Albión

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

<< ... los jugadores crean prácticamente todo el equipo a partir de los recursos que consiguen, el equipo que llevas define quien eres, cambia de arma y armadura para pasar de caballero a mago>>

☰ 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;