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

Encabezado de nivel 2, etiqueta <h1>

Encabezado de nivel 3, etiqueta <h1>

Encabezado de nivel 4, etiqueta <h1>

Encabezado de nivel 5, etiqueta <h1>
Encabezado de nivel 6, etiqueta <h1>

☰ Párrafos y salto de línea

Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar
de las industrias desde el año 1500, cuando un impresor(N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen.

☰ Línea horizontal

Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raices en una pieza cl´sica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable.


Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento.

☰ Texto enfatizado

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

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

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

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

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

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

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

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

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

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

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

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

Utilizando subíndice, 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, ONU Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias pariatur quis nihil ut aut.

Este párrafo contiene una dirección,

Calle Gran vía, 18 MADRID

☰ Citas

Esto es una cita de línea,

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

Esto es una cita de bloque,

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

☰ Texto preformateado

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

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

variable=100