Visita la Nueva Versión de ComoCrearTuWeb!!
HTML 4.01: CómoCrearTuWeb > Menú Principal > HTML > Resaltar Textos
Importancia de.. La Estructura Los párrafos Resaltar Textos Comentarios

Foro HTML

Volver al Menú


Página Anticuada. Visita la nueva versión.


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.

 

¿Sabias que..?

Dinos Algo..

Entra en el nuevo Foro CCTW


Esta versión es antigua. Visita la nueva web de: ComoCrearTuWeb


Entra en el nuevo Foro CCTW


Mas Cosillas..

Acerca de CCTW

Foro de Posicionamiento en Buscadores
ChatCCTW  Actualizaciones  Recomendar  Colabora  Errores?  Agradécemelo  Escríbeme
Actualizada el Viernes, 26-Oct-2007 18:02 Creada y diseñada por Jorgens