Formato de texto HTML
El formato de texto en HTML permite definir cómo se verá el contenido en una página web, como negritas, cursivas, colores, y tamaños de letra.
Ejemplo
Este es un texto en negrita
Este es un texto en cursiva
Este texto es de color azul
Este texto es más grande
Código del ejemplo
<p><strong>Este es un texto en negrita</strong></p>
<p><em>Este es un texto en cursiva</em></p>
<p style="color:blue;">Este texto es de color azul</p>
<p style="font-size:24px;">Este texto es más grande</p>
...
Elementos de Formato HTML
Los elementos de formato como <strong> y <em> ayudan a
destacar
partes del texto al hacerlo en negrita o cursiva, respectivamente.
Ejemplo
Texto en negrita con el tag <strong>
Texto en cursiva con el tag <em>
Código del ejemplo
<p><strong>Texto en negrita con el tag
<strong></strong></p>
<p><em>Texto en cursiva con el tag <em></em></p>
Elementos HTML y "strong"
El elemento <strong> se utiliza para indicar que una parte del texto es
importante, mostrándolo en negrita.
Ejemplo
Este texto es importante y está en negrita.
Código del ejemplo
<p><strong>Este texto es importante y está en
negrita.</strong></p>
Elementos i y em
Los elementos <i> e <em> se usan para aplicar énfasis o
cursiva
al texto. <i> es para cursiva visual y <em> indica énfasis
semántico.
Ejemplo
Este texto está en cursiva visual usando el tag <i>.
Este texto tiene énfasis semántico usando el tag <em>.
Código del ejemplo
<p><i>Este texto está en cursiva visual usando el tag
<i>.</i></p>
<p><em>Este texto tiene énfasis semántico usando el tag
<em>.</em></p>
Elemento small
El elemento <small> se utiliza para hacer el texto más pequeño de lo normal,
generalmente para notas al pie o textos aclaratorios.
Ejemplo
Texto normal.
Este texto es más pequeño usando el tag <small>.
Código del ejemplo
<p>Texto normal.</p>
<p><small>Este texto es más pequeño usando el tag
<small>.</small></p>
Elemento mark
El elemento <mark> se utiliza para resaltar un texto, similar a usar un
marcador
fluorescente.
Ejemplo
Este es un texto normal.
Este texto está resaltado usando el tag <mark>.
Código del ejemplo
<p>Este es un texto normal.</p>
<p><mark>Este texto está resaltado usando el tag
<mark>.</mark></p>
Elemento del
El elemento <del> se usa para mostrar un texto tachado, indicando que ha sido
eliminado o ya no es relevante.
Ejemplo
Este texto está tachado usando el tag <del>.
Código del ejemplo
<p><del>Este texto está tachado usando el tag
<del>.</del></p>
Elemento ins
El elemento <ins> se usa para mostrar texto insertado, a menudo representado
con
un subrayado.
Ejemplo
Este texto está subrayado usando el tag <ins>.
Código del ejemplo
<p><ins>Este texto está subrayado usando el tag
<ins>.</ins></p>
Elemento sub
El elemento <sub> se utiliza para definir texto en subíndice, generalmente
usado
en fórmulas científicas o matemáticas.
Ejemplo
El agua tiene la fórmula química H2O.
Código del ejemplo
<p>El agua tiene la fórmula química H<sub>2</sub>O.</p>
Elemento sup
El elemento <sup> se utiliza para definir texto en superíndice, comúnmente
usado
en expresiones matemáticas.
Ejemplo
Este es un texto con superíndice, como en x2.
Código del ejemplo
<p>Este es un texto con superíndice, como en x<sup>2</sup>.</p>
| Etiqueta | Descripción |
|---|---|
| <b> | Define texto en negrita |
| <em> | Define texto enfatizado |
| <i> | Define una parte del texto en un tono o estilo alternativo |
| <small> | Define texto más pequeño |
| <strong> | Define texto importante |
| <sub> | Define texto en subíndice |
| <sup> | Define texto en superíndice |
| <ins> | Define texto insertado |
| <del> | Define texto eliminado |
| <mark> | Define texto marcado/destacado |
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias