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

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

"El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el" <br>.

☰ Línea horizontal

Etiqueta <hr>El mar somos todos debemos de cuidarlo como a nosotros mismos, es decir, cuidar de todas las criaturas que habitan en el.


☰ 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>"El mar somos todos"

Este texto está resaltado en negrita, etiqueta <b>"El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Este texto está resaltado en cursiva, etiqueta <i>"El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Este texto está resaltado, etiqueta <mark>"El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Este texto está subrayado, etiqueta <u>"El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Contenido no relevante, etiqueta <s>"El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Texto eliminado del documento, etiqueta <del>""El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Texto insertado, etiqueta &lins> "El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Secuencia de teclas, etiqueta <kbd>"El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el".

Comentario lateral, etiqueta <small>"El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Utilizando superíndice, etiqueta <sup>: x2+1=0."El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

Utilizando subíndice, etiqueta <sub>: H2O."El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

☰ Abreviaturas y dirección

Este párrafo contiene una abreviatura, etiqueta <abbr>ONU. "El mar se haya en lo mas profundo de nuestros corazones, formamos parte de el"

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

Calvo Sotelo N7
MADRID

☰ Citas

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

Buceando estaba el otro dia, y vi un tiburon, mira al compañero y dije: GLU, GLU, GLU

Pequeña anecdota del otro dia<blockquote>.

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