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 text

☰ 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 líneas

Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcu. < h1>enatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

☰ Encabezados

Etiqueta < h2T;Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcu. < h1>enatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcu. < h3>enatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla. ☰ Texto enfatizado

Este texto es muy importante, etiqueta <strong>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Este texto es importante,etiqueta, etiqueta <em>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Este texto es muy importante, etiqueta <b>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Este texto esta resultado en cursiva,etiqueta, etiqueta <i>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Este texto esta resaltado,etiqueta, etiqueta <mark>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Este texto esta subrayado,etiqueta, etiqueta <u>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Contenido no relevante,etiqueta, etiqueta <s>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Texto eliminado del documento,etiqeuta, etiqueta <del>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Texto insertado, etiqueta <ins>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Texto insertado, etiqueta <kbd>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

TComentario lateral, etiqueta, etiqueta <small>;.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Utilizando superíndice, etiqueta , etiqueta <sup>;, x2+1=0.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Utilizando, subindice, etiqueta, etiqueta <sub>;.H 2 >/sub>0.Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

☰ Abreviaturas y dirección

Este parrafo contiene una abreviatura, ONU Loremipsum dolor sit amet consectetur adipiscing elit volutpat ad, aptent lectus dapibus ultrices rutrum odio inceptos arcuenatis erat ut blandit iaculis gravida, vitae mollis ligula aliquam quisque purus tincidunt cras nam fringilla.

Este párrafo contiene una dirección,

Calle Gran Vía, 18 MADRID

☰ Citas

Esto es una cita líneam

Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de unn sitio mientras que su diseño.

Esto es una cita de bloque,

Muchas versiones han evolucionado a través de los años,algunas por accidente, otras veces a proposito.

☰ Texto preformateado 

    body {background-color:#ccd39e; }
    .elementosHTML {
    height: 120px;
    width: 1200px; 
    border-style:dashed;
    boder-color:#b4b4af;
    margin: 20px;
    text-align:center;
    }

background-color: rgba (0,0,0,0.1):

variable-100