Contenidos

    alt

    Negritas, cursiva y subrayado son recursos tipográficos para darle un formato más atractivo a un texto. Si sigues este blog ya verás que no hay post que no tenga un par de negritas, también meto alguna cursiva de vez en cuando y lo que no utilizo demasiado es el subrayado. ¿Quieres saber cómo poner negritas, cursiva y subrayado en HTML? Pues a continuación te presento las etiquetas necesarias.

    Cómo poner negritas en HTML

    Hay dos etiquetas que se pueden usar para poner un texto en negrita: <b> y <strong>. Ambas tienen que llevar etiqueta de cierre.

    Ejemplos:

    <b>Este texto aparecen en negrita</b>

    <strong>Este texto también aparece en negrita</strong>

    Aunque el resultado es el mismo con las dos etiquetas, al usar strong además le estás diciendo a los buscadores que el texto en negrita es además importante en el sentido semántico, lo que se tiene en cuenta para el SEO.

    La negrita se usa para dar énfasis a una palabra o frase corta (digo frase corta porque una frase larga en negrita quedaría un poco mal). Por ejemplo, en este post tiene sentido que cómo poner negritas en HTML vaya en negritas pues es la palabra clave por la que quiero posicionar el post.

    Cómo poner cursivas en HTML

    También hay dos etiquetas que se usan para poner un texto en cursiva; son <i> y <em>. Necesitan ir acompañadas de las respectivas etiquetas de cierre.

    Ejemplos:

    <i>Este texto aparecen en cursiva</i>

    <em>Este texto también aparece en cursiva</em>

    Al igual que con las etiquetas de negrita, la etiqueta em aparte de mostrarle a los usuarios un texto en cursiva, le indica a los buscadores que ese texto en cuestión es relevante dentro del contenido.

    Las cursivas se utilizan para resaltar palabras o expresiones escritas en otro idioma o de forma incorrecta; también se puede usar para citas (en vez de las comillas). Por ejemplo:

    Mesa en inglés es table.

    Mi hermano pequeño está atontao

    William Penguin siempre dice: el contenido es el rey

    Cómo poner subrayado en HTML

    Para subrayar un texto solo hay una etiqueta: <u>, que como siempre debe ir con la correspondiente etiqueta de cierre. Por ejemplo:

    <u>Este texto aparece subrayado</u>

    Al igual que la negrita, el subrayado también se usa para enfatizar. Solo que en este caso se prefiere subrayar cuando la frase a resaltar es más bien larga y quedaría mal en negrita. Yo diría que de las tres etiquetas que hemos visto es la menos utilizada.

    Bueno, pues ya sabes poner negritas, cursivas y subrayados en HTMl. Ahora recuerda que no debes abusar de estos recursos porque repercutiría de forma negativa en la legibilidad de tu página.

    Te deSEO un buen día,

    William Penguin.

    Artículos Relacionados
    SEO Responsive 12/06/2019 SEO Responsive, una condición básica para posicionarse en Google

    El SEO Responsive es una de las condiciones básicas para el posicionamiento en Google. En el post anterior analizábamos...

    desactivar gutenberg 12/12/2018 Cómo desactivar Gutenberg y volver al antiguo editor de WordPress

    Poca gente sabe que fui de las primeras personas en ir al trabajo en patinete eléctrico. También me saqué...

    gutenberg wordpress 11/12/2018 Gutenberg WordPress: Así es el nuevo editor del CMS más popular

    Este fin de semana ha sido movidito, y es que de golpe y porrazo han llegado dos de los...

    poner un hipervinculo en html 24/10/2018 Cómo crear hipervínculos en HTML para poner links a otras páginas

    Llamados links o hipervínculos, los enlaces HTML son los puentes que nos permiten movernos de una página a otra....

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    1. Avatar Wellaggio dice:

      Muy interesante el artículo. Gracias!!

      1. Avatar pancha dice:

        me gusto mucho esto porque me ayudo a hacer mi trabajo

    2. Avatar juan dice:

      entendido ok

    3. Avatar pancha dice:

      muy interesante

    4. Avatar victoria dice:

      me encanto!!!!!