Elementos HTML

Textos

La mayoría del contenido de las páginas web es texto 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

Encabezado de nivel 2, etiqueta

Encabezado de nivel 3, etiqueta

Encabezado de nivel 4, etiqueta

Encabezado de nivel 5, etiqueta
Encabezado de nivel 6, etiqueta

☰ Párrafos y salto de línea

Lore ipsum dolor sit amet, consectetur adipisicing elit. Dolores, explicabo earum veritatis quis aliquam, nobis est laboriosam aut quasi voluptates repellendus corrupti, molestiae corporis sunt rem ex quia, etiqueta .
Architecto similique id itaque! Quia ipsum, amet neque assumenda expedita.
Soluta, aliquam repudiandae. Doloremque ea modi incidunt ex sit unde, repellendus deleniti.

☰ Línea horizontal

Etiqueta . Lore impsum dolor sit amet, consectetur adipisicing elit. Minus consectetur praesentium blanditiis nostrum, commodi incidunt voluptate voluptatibus sapiente voluptates atque quia debitis, minima maxime quas, laudantium non nam harum repellendus!
Voluptates, architecto? Molestiae laborum vel recusandae repudiandae repellendus amet veniam dolore dolores dicta commodi hic eveniet aliquam possimus, mode, cumque nobis aperiam animi ex molestias ulla dolorum dolor. Numquam, deserunt.

☰ Texto enfatizado

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

Este texto es importante, etiqueta . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

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

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

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

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

Contenido no relevante, etiqueta . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

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

Texto insertado, etiqueta . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Secuencia de teclas, etiqueta . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Comentario lateral, etiqueta . Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

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

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

☰ Abreviaturas y dirección

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

Este párrafo contiene una dirección, etiqueta

Calle Gran Vía, 18
MADRID

☰ Citas

Esto es una cita de línea, etiqueta

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

Esto es una cita de bloque, etiqueta
... los altos cielos que de vuestra divinidad divinamente con las estrellas os fortifican, y os hacen merecedora del marecimiento que merece la vuestra grandeza.

☰ Texto preformateado

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

Utilizando la etiqueta : variable = 100;

VOLVER