Etiquetas de texto en HTML

Autor: | Última modificación: 11 de mayo de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

En este post nos enfocaremos en las etiquetas de texto en HTML. Para esto, vamos a hacer un breve recorrido por algunos fundamentos básicos, como qué es HTML y la tipología de etiquetas más común. El objetivo es que sigas profundizando en este tema y logres sumergirte en el mundo del desarrollo web, con unos fundamentos claros sobre HTML, lo que te resultará muy útil.

¿Qué es HTML?

HTML es un lenguaje de marcado que permite organizar la información de forma legible y optimizada. Asimismo, es una de las herramientas indispensables para programadores y desarrolladores web. En cuanto al marcado en HTML, este se ejecuta a través de etiquetas que cumplen diferentes funciones en el interior del documento HTML.

En la versión más reciente o HTML5 existen al menos 192 etiquetas que, combinadas con los respectivos atributos, dotan de estructura, accesibilidad y optimización nuestros sitios web. Estas etiquetas se agrupan en diferentes categorías, dependiendo de la función que desempeñan. Sin embargo, su lugar en las categorías no es inamovible y existen etiquetas que pueden moverse entre categorías.

En los tipos de etiquetas más comunes encontramos etiquetas para metadatos, etiquetas para incrustar contenido, etiquetas para agrupar contenido o etiquetas para crear tablas, así como las etiquetas de texto en HTML, que veremos a continuación.

Algunas etiquetas de texto en HTML

Las etiquetas de texto en HTML son aquellas que permiten introducir texto y modificar su formato, de manera que se adapte a los deseos e intereses de cada desarrollador web. En este sentido, están fuertemente vinculadas con el lenguaje de estilo CSS. Ahora sí, a continuación te mostramos algunas de las etiquetas de texto en HTML más usadas:

  • <em>: el elemento <em> se usa para enfatizar algunas partes del documento HTML. Es decir, nos permite identificar algunas frases u contenido, de manera que no sean diferentes solo visualmente, sino que también se puede identificar su importancia internamente o desde el código.
  • <strong>: esta etiqueta es similar al elemento <em>, solo que proporciona mayor importancia. Es decir, usamos <strong> para hacer mayor énfasis que el permitido por la etiqueta <em>. Esta etiqueta también está vinculada a las etiquetas semánticas de HTML, ya que dota de mayor sentido al texto y permite una estructuración más clara e identificable. Por esta razón, la etiqueta <strong> está fuertemente relacionada con Search Engine Optimization.
  • <small>: la función de la etiqueta <small> es reducir el tamaño de la letra al mínimo. Esto resultad de mucha utilidad a la hora de integrar comentarios, cuadros de diálogos, referencias a autores o fuentes y otra información que, según el diseño, necesitemos ubicar al margen y a menor escala.
  • <mark>: esta etiqueta permite resaltar de color amarillo algunas partes del texto de especial relevancia. Aunque puede confundirse con la etiqueta strong, esta última identifica la importancia, mientras que la etiqueta mark resalta la relevancia de algunos intervalos de texto. La relevancia es una posibilidad, es decir, información que pueda ser relevante para unos usuarios, pero que no es de importancia imprescindible al texto.
  • <s>: la etiqueta <s> es una etiqueta con apertura y cierre que nos permite tachar el texto con una línea horizontal a la mitad así.
  • <i>: en cuanto a la etiqueta <i>, esta es la encargada de pintar el texto en cursiva o letra inclinada. Cabe resaltar que también es de uso obligatorio el inicio y cierre y que no posee atributos específicos, solo atributos genéricos como title, style o id.
  • <b>: la etiqueta <b> por su parte, le da formato en negrita al texto y su definición precisamente es bold, que se traduce como negrita. Sin embargo, es importante que recuerdes que algunos desarrolladores recomiendan usar el lenguaje CSS para este tipo de modificaciones.
  • <br>: por otra parte, tenemos la etiqueta <br> de line break, que permite definir saltos de línea, sobre todo en aquellos documentos en los que las divisiones de línea son importantes, como al momento de introducir poesía, canciones o direcciones.
  • <u>: por último, otra de las etiquetas de texto comunes es la etiqueta <u>, que es la encargada de presentar el texto subrayado. Esta etiqueta también requiere obligatoriamente la etiqueta de apertura y cierre.

Para continuar aprendiendo

Las etiquetas de texto en HTML que te hemos explicado en este post son muy relevantes, pero no son todas las que existen. Como supondrás, aún queda más información por consultar y comprender. Por este motivo, te invitamos a visitar los otros artículos que hemos preparado para ti, dado que estos te ayudarán a conocer el universo del desarrollo web y te proporcionarán unos cimientos muy elementales de los lenguajes de programación.

Si esto no es suficiente y lo que quieres es convertirte en un experto del sector IT, anímate a profundizar en todos estos conocimientos e inscríbete en alguno de nuestros bootcamps. Potenciarás tu perfil profesional y dominarás todo lo imprescindible para destacar frente a tus competidores.

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores de software sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso! 

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!