☰ Encabezados

La mayoría del contenido 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

Encabezados de nivel 1, etiqueta < h1>

Encabezados de nivel 2, etiqueta < h2>

Encabezados de nivel 3, etiqueta < h3>

Encabezados de nivel 4, etiqueta < h4>

Encabezados de nivel 5, etiqueta < h5>

Encabezados de nivel 6, etiqueta < h6>

☰ Párrafos y saltos línea

Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus <br>
Lectus posuere curabitur arcu nullam sem ornare aliquet eget, dis in erat purus tempus aptent suscipit, torquent malesuada elementum placerat ante dictum fermentum.

☰ Línea horizontal

Etiqueta <hr> Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Lectus posuere curabitur arcu nullam sem ornare aliquet eget, dis in erat purus tempus aptent suscipit, torquent malesuada elementum placerat ante dictum fermentum.

☰ Texto enfatizado

Este texto es muy importante, etiqueta <strong>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Este texto es importante, etiqueta <em>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Este texto está resaltado en negrita , etiqueta <b>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Este texto está resaltado en cursiva , etiqueta <i>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Este texto está resaltado , etiqueta <mark>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Este texto está subrayado , etiqueta <u>. LLorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Contenido no relevante , etiqueta <s>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Texto eliminado del documento , etiqueta <del>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Texto insertado , etiqueta <ins>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Secuencia de teclas , etiqueta <kbd>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

^{Utilizando superíndice} , etiqueta <sup>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

_{Utilizando superíndice} , etiqueta <sub>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Comentario lateral , etiqueta <small>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

☰ Abreviaturas y dirección

Este párrafo contiene una abreviatura , etiqueta <abbr>. Lorem ipsum dolor sit amet consectetur adipiscing elit libero lacus litora eleifend suspendisse, malesuada arcu hendrerit nibh himenaeos dictum orci mollis fames sem nulla inceptos a, velit mi egestas non varius justo lobortis quis urna cum mus

Este párrafo contiene una dirección , etiqueta <abbr>.Calle Gran Vía, 18 MADRID

☰ Citas

Esto es una cita de línea , etiqueta <q>. Viendo don Quijote la humildad del alcalde de la fortaleza, que tal le pareció a él el ventero y la venta, respondió: "Para mi, señor castellano, cualquiera cosa basta, porque mis arreos son las armas, mi descanso el pelear, etc."

Esto es una cita de bloque

☰ Texto preformateado

Este párrafo contiene una abreviatura , etiqueta  <pre>.  

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