Como insertar un Texto Resaltado
Con el tag <p> (así se llama eso, que se le va a hacer...) ya sabemos poner un texto simple. Pero quizás en algún momento queramos escribir en negrita, o subrrayado, o cursiva, etc, etc, verdad? Pues también para esos estilos existe un "tag" determinado.
Textos en Negrita
Si encerramos un texto entre <b> y </b> éste aparecerá en negrita. El tag <b> representa a la propiedad "bold" que significa negrita.
Podemos aplicar a la vez los tags <p>, <b> y cualquiera de los que se explican abajo.
Un ejemplo de un párrafo simple con una palabra en negrita, la palabra "negrita":
Ver Ejemplo
Recuerda que para insertar un párrafo debes incluir esa línea entre <Body> y </Body>.
Textos en Cursiva
Si encerramos un texto entre <i> y </i> éste aparecerá en cursiva. El tag <i> representa a la propiedad cursiva. Al igual que "b" representa "bold", "i" representará.... yoquesé.. si lo sabes me lo dices.
Podemos aplicar a la vez los tags <p>, <b>, <i> y cualquiera de los que se explican abajo.
Un ejemplo de un párrafo simple con dos palabras en cursiva, las palabras "cursiva" y "ves":
Ver Ejemplo
Textos Subrayados
Si encerramos un texto entre <u> y </u> éste aparecerá en cursiva. El tag <u> representa a la propiedad cursiva. Al igual que "b" representa "bold", "u" representará.... yoquesé.. si lo sabes me lo dices.
Podemos aplicar a la vez los tags <p>, <b>, <i> y <u>, entre otros.
Un ejemplo de un párrafo simple con un trozo subrayado:
Ver Ejemplo
Textos con Varios Estilos a la Vez
Como os he dicho antes, podemos conbinar todos estos estilos HTML. Eso si, debemos respetar una cosilla. Espero explicarla bien, que no se no se...
A ver... "no podemos cerrar una etiqueta fuera de la etiqueta que la contiene". Lo veis? No es tan fácil de explicar, je je je. No os habéis enterado no? Bueno, vamos a ver si con un ejemplillo...
Mirad esta línea:
<p>Hola amigos y amigas<p>
Todo esto es un párrafo, pues está encerrado entre <p> y </p>. Vamos a poner todo en negrita:
<p><b>Hola amigos y amigas</b></p>
Ahora todo está en negrita. Esto está bien, pues hemos cerrado la etiqueta "b" dentro de la que la contiene, es decir, dentro de la etiqueta "p", de párrafo.
Vamos a ver un ejemplo mal hecho:
<p><b>Hola amigos y amigas</p></b>
Esta línea está mal, pues se ha cerrado la etiqueta "b" fuera de la etiqueta que la contiene, es decir, fuera de "p".
Vamos a ver un tercer ejemplo mal hecho:
<p>Este <i>es un <b>ejemplo de
etiquetas</i></b> en html</p>
Esta línea está mal hecha, pues hemos cerrado "b" fuera de "i". Como "b" empieza dentro de "i", debe cerrarse también dentro de "i".
El mismo ejemplo pero bien hecho sería:
<p>Este <i>es un <b>ejemplo de
etiquetas</b></i> en html</p>
Ver Ejemplo
Espero que os hayais aclarado con esto. Sabed que las etiquetas pueden escribirse en mayúsculas o minúsculas. Además, todas estas, deben cerrarse siempre. No vale abrir una etiqueta, por ejemplo <p> y no cerrarla al fina con </p>. Es muy posible que a pesar de no cerrarla, parezca que funciona, pero os recomiendo cerrarlas siempre para evitar problemas a la gente que os visite con otros navegadores distintos al vuestro.
|
Importancia de..