Text formatting

En este capitulo te voy a enseñar las siguientes etiquetas HTML:

1.Texto resaltado en negrita(bold text):

Ejemplo: <b>Texto</b>

Se vería así: Texto

 

2.Texto importante(gráficamente es igual que en negrita):

Ejemplo: <strong>Texto</strong>

Se vería así: Texto

 

3.Texto en cursiva(italic):

Ejemplo: <i>Texto</i>

Se vería así: Texto

 

4.Texto enfático:

Ejemplo: <em>Texto</em>

Se vería así: Texto

 

5.Texto marcado, como con rotulador:

Ejemplo: <mark>Texto</mark>

Se vería así: Texto

 

6.Texto pequeño:

Ejemplo: <small>Texto</small>

Se vería así: Texto

 

7.Texto «borrado», que en realidad es tachado:

Ejemplo: <del>Texto</del>

Se vería así: Texto

 

8.Texto insertado:

Ejemplo: <ins>Texto</ins>

Se vería así: Texto

 

9.Texto inferior(no sé como traducirlo):

Ejemplo: _Texto

Se vería así: _Texto

 

10.Texto por arriba(no sabría como traducirlo):

Ejemplo: ^Texto

Se vería así: ^Texto

 

11.Texto subrayado:

Ejemplo: <u>Texto</u>

Se vería así: Texto

 

En definitiva, con estas etiquetas puedes dar formato al texto para casi cualquier ocasión, y no olvides que puedes embeberlas unas dentro de otras, por ejmplo:

<u><mark><i>Este texto está subrayado y marcado y en cursiva.</u></mark><i>

Se vería así:

Este texto está subrayado y marcado y en cursiva.

También habrás visto que  pone el texto por debajo y  por arriba, ¿qué pasará si usamos los 2?

<p>Mira que _{^{Este texto es raro}} de verdad…</p>

Se vería así:

Mira que _{^{Este texto es raro}} de verdad…

Pues sencillamente se contrarectan!

Muy importante: Cuando metemos etiquetas dentro de otras hay que hacerlo de manera ordenada o habría fallos al leer el documento. Ejemplo:

<u><i>Texto</i></u> Esto está bien.

<u><i>Texto</u></i> Esto está mal

 

Espero que os haya servido este capítulo del curso de HTML. ¡Nos vemos en el siguiente!