¿Cómo indicar que el texto es importante en HTML?

En este artículo, sabremos cómo indicar el texto importante o marcar textos como importantes en HTML. Hay varios elementos HTML que se utilizan para definir texto con un significado especial. Hay varios elementos de formato en HTML, algunos de ellos son <strong> , <b> , <i> , <em> , <mark> , <small> , <sup> , <sub> , <ins> , <del > .Estas son las etiquetas analizadas que se utilizan para mostrar la importancia del texto.

Sintaxis:

  • <strong >: la etiqueta <strong> es la etiqueta analizada y se usa para mostrar la importancia del texto que hace que el texto esté en negrita.
<strong>Text Content</strong>
  • <b> : Se utiliza para especificar el texto en negrita sin ninguna importancia adicional
<b>Bold Text</b>
  • <i> : Se utiliza para mostrar el contenido en cursiva.
<i>Italic text</i>
  • <em> : Es una etiqueta de frase y se usa para enfatizar el contenido del texto.
<em>Emphasized Text</em>
  • <mark> : Se utiliza para definir el texto marcado.
<mark>Marked Text</mark>
  • <pequeño> : se utiliza para establecer un tamaño de fuente pequeño.
<small>Smaller Text</small>
  • <sup > : Se utiliza para describir el texto como un texto en superíndice.
<sup>Superscripted Text</sup>
  • <sub> : Se utiliza para escribir texto debajo de la línea de base del texto en una fuente más pequeña.
<sub>Subscripted Text</sub>
  • <ins> : Se utiliza para especificar un bloque de texto insertado.
<ins>Inserted Text</ins>
  • <del> : significa eliminar y se utiliza para marcar una parte del texto que se ha eliminado del documento.
<del>Deleted Text</del>

Utilizaremos las etiquetas anteriores para crear el texto importante y también entender su implementación en HTML.

Ejemplo: Este ejemplo ilustra el uso de varias etiquetas HTML para hacer que el texto sea importante.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>Important texts</title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h3>How to indicate the text as important in HTML</h3>
    <hr />
    <!-- normal text-->
     
 
<p>This is normal text</p>
 
 
 
    <!-- strong tag-->
     
 
<p><strong>Important Text using strong tag</strong></p>
 
 
 
    <!-- bold tag-->
     
 
<p><b>Bold text using b tag</b></p>
 
 
 
    <!-- italic tag-->
     
 
<p><i>Italic text using i tag</i></p>
 
 
 
    <!-- emphasized tag-->
     
 
<p><em>Emphasized text using em tag</em></p>
 
 
 
    <!-- mark tag-->
     
 
<p><mark>Marked text using mark tag</mark></p>
 
 
 
    <!-- italic tag-->
     
 
<p><i>Italic text using i tag</i></p>
 
 
 
    <!-- small tag-->
     
 
<p><small>Small text using small tag</small></p>
 
 
 
    <!-- superscripted tag-->
     
 
<p><sup>Superscripted text</sup> using sup tag</p>
 
 
 
    <!-- subscripted tag-->
     
 
<p><sub>Subscripted text</sub> using sub tag</p>
 
 
 
    <!-- inserted tag-->
     
 
<p><ins>Inserted text</ins> using ins tag</p>
 
 
 
    <!-- deleted tag-->
     
 
<p><del>Deleted text</del> using del tag</p>
 
 
</body>
 
</html>

Producción:

Navegadores compatibles:

  • Google Chrome 94.0
  • Firefox 93.0
  • Microsoft Edge 94.0
  • IE 11.0
  • Safari 15.0
  • Ópera 80.0

Publicación traducida automáticamente

Artículo escrito por iamabhijha 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 *