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.
Etiqueta
Descripció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
Etiqueta
Descripció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
Etiqueta
Descripció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»
Etiqueta
Descripció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
Etiqueta
Descripció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.
Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles. Puedes acceder y revisar nuestras políticas de privacidad en la página de privacidad y cookies.
Cookies estrictamente necesarias
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Estas cookies son:
Sesión de usuario.
Comentarios.
Seguridad.
Aceptación de cookies.
Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.
Cookies de terceros
Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.
Dejar esta cookie activa nos permite mejorar nuestra web.
¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!