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

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. Sed semper justo nec pharetra pulvinar. Etiam id aliquam augue. Proin sed augue ullamcorper, consequat massa sit amet, euismod odio. Fusce sodales lacus sit amet efficitur maximus. Pellentesque ullamcorper neque dui, ornare auctor nunc commodo in. Nunc dictum lectus eu dui vulputate scelerisque. In laoreet sed nisl vel gravida. Donec in mollis orci. Nunc dapibus commodo bibendum. Maecenas a tincidunt arcu, vel dignissim nibh. Maecenas vehicula condimentum nunc sed facilisis. Duis cursus orci gravida fermentum ornare. <br>

Mauris consectetur lorem id orci finibus facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at ex suscipit, condimentum eros ac, sodales erat. Sed sagittis scelerisque nulla, in malesuada nibh cursus sed. Phasellus a ipsum dictum, convallis dui id, efficitur neque. Curabitur ac nisi quis ligula volutpat tristique vitae a est. Mauris vel dictum nisl.

☰ Línea horizontal

Etiqueta <hr> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper justo nec pharetra pulvinar. Etiam id aliquam augue. Proin sed augue ullamcorper, consequat massa sit amet, euismod odio. Fusce sodales lacus sit amet efficitur maximus. Pellentesque ullamcorper neque dui, ornare auctor nunc commodo in. Nunc dictum lectus eu dui vulputate scelerisque.

Nulla at varius odio. Cras interdum, quam eu faucibus convallis, leo quam aliquet ipsum, sit amet finibus elit turpis eu velit. Fusce eu vehicula purus, ut ullamcorper mauris. Vestibulum scelerisque justo sed eleifend sodales. In ornare arcu ac neque tempor, vitae porta ipsum pellentesque. Duis euismod eros eu leo vehicula maximus. Ut sed viverra quam, interdum semper lorem. Etiam a odio sit amet elit posuere tempus eget quis odio.

☰ Texto enfatizado

Este texto es muy importante, etiqueta <strong> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Este texto es muy importante, etiqueta <em> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Este texto está resaltado en negrita, etiqueta <b> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Este texto está resaltado en cursiva, etiqueta <i> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Este texto está resaltado , etiqueta <mark> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Este texto está subrayado, etiqueta <u> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Contenido no relevante, etiqueta <s> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Texto eliminado del documento, etiqueta <del> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Texto insertado, etiqueta <ins> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Secuencia de teclas, etiqueta <kbd> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Comentario lateral, etiqueta <small> . Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Utilizando superíndice, etiqueta <sup> . x²+1=0 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

Utilizando subíndice, etiqueta <sub> . H₂O Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

☰ Abreviaturas y dirección

Este párrafo contiene una abreviatura, etiqueta <abbr> ONU. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non lorem arcu. In hac habitasse platea dictumst. Vestibulum gravida consequat commodo.

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

☰ Citas

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

Viendo don Quijote la humildad del alcaide 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, 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>

.elementoshtml {
  height:120px;
  width:1200px;
  border-style:dashed;
  border-color:#b4b4af;
  margin:20px;
  text-align:center;
}

Utilizando la etiqueta <code> background-color:#FFFF00

Utilizando la etiqueta <var> variable=100