Elementos HTML

Textos

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 nivel 1, etiqueta<h1>

Encabezado nivel 2, etiqueta<h2>

Encabezado nivel 3, etiqueta<h3>

Encabezado nivel 4, etiqueta<h4>

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

☰ Párrafos y saltos de línea

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla justo elit, vitae finibus urna semper id. Curabitur maximus condimentum bibendum. Nullam euismod at libero eget ullamcorper. Morbi eleifend nisl pellentesque orci porta facilisis.<br>


Aliquam ut velit lobortis, ornare metus vel, dictum purus. Sed tempus convallis elit, vel pulvinar enim dapibus vel. Fusce luctus arcu massa, non congue tellus eleifend non.

☰ Línea horizontal

Suspendisse potenti. Aenean iaculis magna vel sodales rutrum. Suspendisse fringilla tortor convallis, sollicitudin nunc a, imperdiet neque. Curabitur facilisis scelerisque odio at pellentesque. Ut tincidunt sagittis sem eget cursus. Aenean ut varius dui, et ullamcorper velit. Praesent justo libero, malesuada eu commodo vitae, mattis ut ante. Suspendisse potenti.<hr>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam fringilla justo elit, vitae finibus urna semper id. Curabitur maximus condimentum bibendum. Nullam euismod at libero eget ullamcorper. Morbi eleifend nisl pellentesque orci porta facilisis. Aliquam ut velit lobortis, ornare metus vel, dictum purus. Sed tempus convallis elit, vel pulvinar enim dapibus vel. Fusce luctus arcu massa, non congue tellus eleifend non.

☰ Texto enfatizado

Negrita<strong>

Cursiva<em>

Negrita<b>

Cursiva<i>

Resaltar<mark>

Subrayar<u>

Tachar<s>

Tachar<del>

Subrayar<ins>

Tecla<kbd>

Pequeño<small>

Superíndice: X2+1=0<sup>

Subíndice: H2O<sub>

☰ Abreviaturas y dirección

ONU<abbr>

O valado, 49
<address>

☰ Citas

Cita de línea: Para mí, señor castellano, cualquiera cosa basta, porque mis arreos son las armas, mi descanso el pelear, etc.<q>

Cita de bloque:
...los altos cielos que de vuestra divinidad divinamente...
<blockquote>

☰ Texto preformateado

Utilizando a etiqueta <pre>
  body {background-color:#ccd39e; }
  .elementosHTML {
    height: 120px;
    width: auto;
    border-style: dashed;
    border-color:#b4b4af;
    margin: 20px;
    text-align:center;
    }

Utilizando la etiiqueta <code>:background-color: rgba(0,0,0,0.1)

Utilizando a etiqueta <var>:variable=100