Elementos de formato de texto HTML

Como sabemos, HTML proporciona muchos elementos predefinidos que se utilizan para cambiar el formato del texto. El formato se puede usar para establecer los estilos de texto (como negrita, cursiva o enfatizado, etc.), resaltar el texto, hacer que el texto sea superíndice y subíndice, etc.

Elementos de formato de texto:

Etiquetas <b> y <strong> :ambas etiquetas se utilizan para poner un texto en negrita. El contenido de texto de la etiqueta se muestra como información importante en la página web.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Bold and strong</title>
</head>
  
<body>
    <!--Normal text-->
    <p>Normal Text</p>
  
    <!--Text in Bold-->
    <p><b>Bold Text</b></p>
  
    <!--Text in Strong-->
    <p><strong> Strong Text</strong></p>
</body>
  
</html>

 

Producción:

Etiquetas HTML <i> y <em> : Ambas etiquetas se utilizan para hacer que el texto esté en cursiva y enfatizado. Ambos elementos tienen etiquetas de apertura y cierre.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Italic and emphasized</title>
</head>
  
<body>
    <!--Normal text-->
    <p>Normal Text</p>
  
    <!--Text in Italics-->
    <p><i>The Text inside italic Tag</i></p>
  
    <!--Text in Emphasize-->
    <p><em>Emphasized Text</em></p>
</body>
  
</html>

Producción: 

Etiquetas HTML <pequeñas> y <grandes> : La etiqueta <pequeña> se utiliza para establecer un tamaño de fuente pequeño, mientras que la etiqueta <grande> se utiliza para establecer un tamaño de fuente grande.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Small and Big</title>
</head>
  
<body>
    <!--Text in Normal-->
    <p>Normal text</p>
  
    <small>The text inside small Tag</small>
  
    <p>
        <big>The text inside big Tag</big>
    </p>
</body>
  
</html>

Producción: 

Etiquetas HTML <sup> y <sub> : La etiqueta <sup> se usa para superíndice de un texto, mientras que la etiqueta <sub> se usa para subíndice de un texto.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Superscript and Subscript</title>
</head>
  
<body>
  
    <!--Text in Normal-->
    <p>Normal Text
      
    <!--Text in Superscript-->
    <p>
        <sup>superscript </sup> Text
    </p>
  
    <!--Text in Subscript-->
    <p>
        <sub>subscript</sub>Text
    </p>
</body>
  
</html>

Producción:

Etiqueta HTML <ins> y <del> : La etiqueta <ins> se utiliza para subrayar un texto que marca la parte como insertada o agregada. También tiene una etiqueta de apertura y otra de cierre. Esta etiqueta se usa principalmente en un texto en lugar de texto eliminado, mientras que la etiqueta <del> se usa para eliminar el texto y agrega una línea de tachado en el texto.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Inserting and deleting</title>
</head>
  
<body>
    <!--Deleting andText in Insert-->
    <b>
        <p>The TajMahal is located in 
            <del>Bombay</del>
            <ins>Agra</ins>
        </p>
    </b>
</body>
  
</html>

Producción:

Etiqueta HTML <marca> : La etiqueta <marca> se utiliza para resaltar un texto. Tiene etiqueta de apertura y cierre.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Highlight</title>
</head>
  
<body>
  
    <!--Text in Normal-->
    <p>Normal Text</p>
  
    <!--Text in Highlight-->
    <p>
        <mark>Highlighted Text</mark>
    </p>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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