El día de hoy veremos con que etiquetas podemos resaltar un texto, es decir subrayarlo, ponerlo cursiva, tachado, negrita, etc etc..
Recuerden que para poder ser expertos, se necesita primero empezar con lo basico...
Sin mas comencemos analizando algunas de las etiquetas que nos van a servir para resaltar un texto:
1. Texto en cursiva o itálica:
Para hacer un resaltado tipo italica podemos hacerlo con varias etiquetas aqui mostrare 3:
- <i> Cursiva con etiqueta-- i --</i> (Esta es la mas común).
- <em> Cursiva con etiqueta-- em --</em>
- <dfn> Cursiva con etiqueta --dfn--</dfn>
2. Texto en negrita o bold:
Esta de igual forma se pueden hacer con varias etiquetas aquí enumerare 2:
- <b> Negrita con etiqueta--b-- </b>
- <strong> Negrita con etiqueta--strong--</strong>
3. Texto con subrayado:
Para subrayar un texto tenemos que ponerlo entre las siguientes etiquetas:
- <u> Subrayado con etiqueta -- u -- </u>
- <ins> Subrayado con etiqueta -- ins -- </ins>
4. Texto tachado
Para tachar un texto necesitamos ponerlo entre las siguientes etiquetas:
- <strike> Tachado con etiqueta --strike-- </strike>
- <del> Tachado con etiqueta --del -- </del>
5. Texto con subindice
Para colocar un subindice, es decir una palabra o texto que sea mas pequeño y que aparezca abajo de la linea normal del texto.
- Este es un <sub> subindice </sub>
6. Texto con superindice
Texto que es mas pequeño pero que se encuentra en la parte superior del texto normal
- Este es un <sup> superindice </sup>
Ahora coloquemos todas las etiquetas antes vistas en un html con su estructura basica, aqui dejare un codigo :
<!DOCTYPE html>
<html>
<head>
<title>
RESALTADO DE TEXTO
</title>
</head>
<body>
<font face="Comic Sans MS" color="BLACK" size="4">
ITALICA
<br>
<dfn>dfn: include-import.blogspot.com</dfn>
<br>
<em>em: include-import.blogspot.com</em>
<br>
<i>i: include-import.blogspot.com</i>
<br><br>
NEGRITA:
<br>
<b>b: include-import.blogspot.com</b>
<br>
<strong>strong: include-import.blogspot.com</strong>
<br><br>
SUBRAYADO:
<br>
<u>u: include-import.blogspot.com</u>
<br>
<ins>ins: include-import.blogspot.com</ins>
<br><br>
TACHADO:
<br>
<strike>strike: include-import.blogspot.com</strike>
<br>
<del>del: include-import.blogspot.com</del>
<br><br>
SUBINDICE
<br>
sub: include-<sub>import</sub>.blogspot.com
<br><br>
SUPERINDICE:
<br>
sup: include-<sup>import</sup>.blogspot.com
</font>
</body>
</html>
Lo que obtendremos seria lo siguiente:
Finalmente para colocar en un texto mas de una etiqueta primero debemos cerrar la ultima que abrimos, aqui dejare un ejemplo :
<!DOCTYPE html>
<html>
<head>
<title>
RESALTADO DE TEXTO
</title>
</head>
<body>
<font face="Comic Sans MS" color="BLACK" size="4">
<strike>No olvides visitar nuestros <sup><i>nuevos temas</i></sup> en</strike> <u><b>www.include-import.blogspot.com<b></u>
</font>
</body>
</html>
Y el resultado de compilar el código anterior seria el siguiente:
Hemos llegado al final de esta publicación :(
Si tienen alguna duda COMENTEN !!
Nos leemos a la próxima.. B-)
No hay comentarios.:
Publicar un comentario