3. Formato de texto - Negrita, cursiva y subrayado.
Ya sabemos (si has ido siguiendo los primeros pasos) crear un documento y estructurarlo en párrafos, y en estos, cambiar de línea. Hoy vamos a hacer que el texto se vea distinto en el navegador. Vamos a aprender lo que le sucede al texto entre las etiquetas <b></b> , <i></i> y <u></u>
NEGRITA:
Para dar formato negrita (en inglés bold), se introduce el texto a formatear en las etiquetas <b> </b>
<b> Hola </b> Mundo
da como resultado
Hola Mundo
Nota : También se puede utilizar <strong> Texto </strong>. Para el posicionamiento en buscadores suele ser mejor, pero el efecto es el mismo.
CURSIVA;
Para dar formato de cursiva (en inglés italic), se introduce el texto a formatear en las etiquetas <i> </i>
<i> Hola </i> Mundo
da como resultado
Hola Mundo
Nota : También se puede utilizar <em> Texto </em>. Para el posicionamiento en buscadores suele ser mejor, pero el efecto es el mismo.
SUBRAYADO:
Para subrayar un texto (en inglés underline), se introduce el texto a formatear en las etiquetas <u> </u>
<u> Hola </u> Mundo
da como resultado
Hola Mundo
En nuestro ejemplo...
Por supuesto, estas tres etiquetas se pueden mezclar , y colocar una dentro de otra, en el orden que se quiera, y también en un documento HTML, como por ejemplo:
<html>
<head>
<title> Mi currículo </title>
</head>
<body>
<p> <b> <u> CURRICULUM VITAE </u> </b> </p>
<p> <b> Nombre completo: </b> <br />
<i> Un tal Carlos </i> </p>
<p> <b> Estudios: </b> <br />
<i> ESO y 1º de Bachillerato </i> </p>
<p> <b> Inglés: </b> <br />
<i> Si, nivel básico </i> </p>
<p> <b> Otros conocimientos: </b> <br />
<i> HTML, Plataformas CMS de software libre. </i> </p>
<p> <b> Email de contacto: </b> <br />
<i> ejemplo-html@mini-manual.de </i> </p>
</body>
</html>
Dando como resultado...
CURRICULUM VITAE
Nombre completo:
Un tal Carlos
Estudios:
ESO y 1º de Bachillerato
Inglés:
Si, nivel básico
Otros conocimientos:
HTML, Plataformas CMS de software libre.
Email de contacto:
ejemplo-html@mini-manual.de
Como veis es muy sencillo y muy efectivo. Como siempre, cualquier cosa que queráis, o necesitéis, estoy a vuestra entera disposición.
¡Un saliudo!
<tbody> <tr> </tr> </tbody>
<tbody> <tr> </tr> </tbody>
| «Capitulo anterior | Capítulo siguiente » |
Comentarios
partyflipa - hace más de 14 años
¡Qué bueno! ¡¡Además has metido permalinks entre los artículos para que se puedan navegar!! ¡Ey! Yo añadiría una nota... aunque se pueda subrayar, creo que no es muy recomendable subrayar en internet (a no ser que sea necesario) porque la convención en internet nos hace relacionar el subrayado con los enlaces así que, si ves algo subrayado, puedes pensar que hay un enlace y confundirte.
jose luis - hace más de 14 años
Y si te das cuenta, también ha puesto enlaces a los distintos capítulos en el primer artículo que escribía. Un tal Carlos es un Crack!!! Por si no nos vemos... Feliz Verano!!!
No se pueden incorporar más comentarios a este blog.