El Texto en HTML

por
tipos-de-listas-html

Tabla de contenidos

El texto en HTML va estar representada mediante elementos para formatear y agrupar texto. Estos elementos son contenedores de texto por html y no tienen visualización. Para dar formato a los elementos del texto, conllevan a la carga semántica en la cual por lo general, establecen el estilo y diseño del texto por html encerrado en el mismo, por ejemplo, hacer que el texto esté en negrita o mostrarlo en una fuente distinta.

Un texto bien formateado deja claro a los motores de búsqueda qué palabras tienen una carga semántica importante, para cuál de ellas es preferible clasificar una página web en los resultados de búsqueda. Toda la información de texto que se muestra en el sitio se coloca dentro de la sección <body>… </body>.

Etiquetas HTML para los Textos del Encabezado

Los encabezados o títulos son imprescindibles para una página web; aportan una organización del contenido texto y una estructura visual más agradable al usuario. Las etiquetas van del <h1> hasta la <h6> deberán usarse para identificar y resaltar los títulos de una nueva sección o subsección del resto.

Para una correcta utilización de los mismos, al usarlos deberás respetar su orden de jerarquía, es decir, después de un <h1>debería seguir <h2> y así progresivamente. También para una buena implementación se recomienda las anidaciones extras de otros elementos en encabezados.

EtiquetaDescripción
<h1> El encabezado o título de nivel superior. La etiqueta <h1> deberá de ser único para cada página del sitio, usarse solamente una vez por página. Se recomienda prescribir al principio del artículo utilizando la palabra clave en el texto del título. El tamaño de fuente del navegador es 2em y el relleno superior e inferior predeterminado es 0.67em .
<h2> Representa los subtítulos de un elemento <h1>. El tamaño de fuente del navegador es 1.5em , y el relleno superior e inferior predeterminado es 0.83em .
<h3> Muestra los subtítulos del artículo <h2>. El tamaño de fuente del navegador es 1,17 em y el relleno superior e inferior predeterminado es 1 em .
<h4><h5><h6> Indique los subtítulos del cuarto, quinto y sexto nivel. El tamaño de fuente en el navegador es 1em / 0.83em / 0.67em , el relleno superior e inferior predeterminado es 1.33em / 1.67em  / 2.33em, sucesivamente.

Elementos para ajustar texto por html en párrafos

EtiquetaDescripción
<p>Secciona los textos en párrafos separados, haciendo un salto de línea para separarlos entre ellos. 
<br>Envuelve el texto a la siguiente línea, creando un salto de línea.
<hr>Separa el contenido de una página web. Se muestra como una línea horizontal.

Elementos para dar formato al texto

EtiquetaDescripción
<b> se utiliza para mostrar el texto en negrita. Resaltará el texto sin enfatizar importancia.
<em> para mostrar a la fuente en cursiva, dando significado al texto.
<i> muestra la fuente en cursiva.
<small> disminuye el tamaño de la fuente en uno en relación con el texto normal.
<strong> específica negrita, se refiere a etiquetas de marcado lógicas, indicando al navegador la importancia del texto.
<sub> se utiliza para crear subíndices. Desplaza el texto por debajo del nivel de línea, disminuyendo su tamaño.
<sup> se usa para crear grados. Desplaza el texto por encima del nivel de la línea, disminuyendo su tamaño.
<ins> resalta el texto de la nueva versión del documento subrayándolo.
<del> tacha en el texto. Se utiliza para resaltar el texto que se ha eliminado del documento.
<mark> se utiliza para resaltar fragmentos de texto con fines de referencia, pintando un bloque de caracteres en amarillo.

Elementos para introducir texto «en datos»

EtiquetaDescripción
<code> Sirve para resaltar fragmentos de código de programa. Muestra el texto en una fuente monoespaciada.
<kbd> Marca el fragmento como entrada de teclado del usuario. Muestra el texto en una fuente monoespaciada.
<samp> Se utiliza para resaltar el resultado obtenido durante la ejecución del programa. Muestra el texto en una fuente monoespaciada.
<var> Resalta los nombres de las variables mostrando el texto en cursiva.
<pre> Le permite mostrar texto en la pantalla conservando el formato original. Los espacios y los saltos de línea no se eliminan.

Elementos para el Texto de citas y otras definiciones en HTML

EtiquetaDescripción
<abbr>Para formatear abreviaturas. El navegador suele estar subrayado con una línea de puntos. La abreviatura se descifra mediante el atributo title; aparece cuando pasa el cursor del mouse sobre el texto.
<bdo>Cambiar la dirección actual en el texto. Disponible solo para el elemento  dir.
<blockquote>Resalta las citas dentro de un documento mediante sangrías y saltos de línea. Solo está disponible para el elemento  cite.
<q>Resaltar citas breves. Se citan los navegadores. Disponible para el elemento cite.
<cite>Utilizado para resaltar citas, frases, títulos de obras, notas al pie de otros documentos.
<dfn>Resaltará el texto como una definición. Pero se recomienda seleccionar texto usando CSS. Solo se utiliza para el elemento title.

Deja un comentario