Está en la página 1de 5

COLEGIO NACIONAL NICOLAS ESGUERRA

Edificamos Futuro
Nicolas Jurado Prez

Maicol Beckham Garcia Romero 807

Los caracteres < y > son dos caracteres especiales que indican inicio y fin de etiqueta. Si
se desea insertar estos caracteres como texto hay que escribir el nombre que los
representa:
< Se representa con &lt;
Caracteres especiales y espacios en blanco

> Se representa con &gt;


Hay otra serie de caracteres que no se visualizan correctamente en algunos
UNIDAD: 3 EL TEXTO

navegadores, como es el caso de la y las letras acentuadas, por lo que al igual que
ocurre con los caracteres especiales < y >, para insertarlos como texto habra que
escribir el nombre que los representa.
Al insertar texto en HTML hay que tener en cuenta que si se escriben varios
espacios en blanco seguidos solamente se mostrar uno en el navegador.
Por ejemplo, para insertar el texto:

Bienvenidos, esta es mi 1 pgina!

Habra que escribir:

&iexcl;Bienvenidos, esta es
mi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina!
En ocasiones podemos desear aadir comentarios aclaratorios dentro del
cdigo, de manera que no sean visualizados en el navegador, pero s a la hora
de editar el documento.

Para insertar comentarios dentro del cdigo, basta con insertar el texto entre
<!-- y //-->.

Todo el cdigo que se inserte entre estos smbolos no ser visualizado en los
navegadores.
Comentarios

Por ejemplo, para insertar el texto siguiente con un comentario:

Bienvenidos, esta es mi 1 pgina!

Ejemplo:

<!-- A continuacin aparecer una lnea de texto//-->


&iexcl;Bienvenidos, esta es mi 1&ordf; p&aacute;gina!

En general, cuando trabajamos con un editor de texto se produce un salto de


lnea al pulsar la tecla INTRO.

Si pulsamos INTRO en un documento HTML, el salto de lnea se producir en el


cdigo, pero no se mostrar en el navegador. Para que se produzca el salto de
Saltos de lnea <br>

lnea en el navegador, en lugar de pulsar la tecla INTRO hay que insertar la


etiqueta <br> donde se desee que se produzca el salto.
Por ejemplo, para insertar el texto:

Queridos usuarios,
tengo el placer de comunicaros que hay una nueva seccin.

Habra que escribir:

Queridos usuarios,<br>tengo el placer de comunicaros que hay una nueva


secci&oacuten.
Una forma de asegurarnos de que el texto aparezca en el navegador tal cual ha
sido insertado dentro del cdigo, es utilizando las etiquetas <pre> y </pre>.

Utilizando estas etiquetas podemos tener la seguridad de que en el navegador


se mostrarn todos los espacios en blanco que se inserten en el texto, as como
todos los saltos de lnea resultantes de pulsar la tecla INTRO, sin la necesidad de
Texto preformateado <pre>

utilizar la etiqueta <br>.

Por ejemplo, para insertar el texto:

Hola, BIENVENIDOS
esta ES MI PGINA WEB
y esto un texto pre formateado

Habra que escribir:

<pre>Hola, BIENVENIDOS
esta ES MI PGINA WEB
y esto un texto preformateado</pre>

El elemento que se utiliza para separar todas las selecciones de una misma
pgina es la regla horizontal

Por ejemplo, para insertar el texto y la regla horizontal siguientes:

Inicio
Separadores <hr>

Bienvenidos a mi pgina.
Habra que escribir:

Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos a mi


p&aacute;gina.
La sangra es una especie de margen que se establece a ambos lados del texto.
Para que un texto aparezca sangrado, se inserta entre las etiquetas
<blockquote> y </blockquote>.

Insertando el texto entre varias etiquetas <blockquote> y </blockquote> se


consigue que los mrgenes sean mayores.
Sangrado de texto <blockquote>

Por ejemplo, para insertar el texto:

Queridos usuarios,

tengo el placer de comunicaros que hay una nueva seccin.


Habra que escribir:

Queridos usuarios,
<blockquote>
<blockquote>
tengo el placer de comunicaros que hay una nueva secci&oacuten.
</blockquote>
</blockquote>

Las propiedades del texto pueden modificarse a travs de la etiqueta <font>.


Para ello, podemos insertar el texto entre las etiquetas <font> y </font>,
especificando algunos de los atributos de la etiqueta:
Por ejemplo, para insertar el texto:

Bienvenidos a www.aulaclic.com
Formatear el texto <font>

Habra que escribir:

<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans


Serif">Bienvenidos a www.aulaclic.com</font>
Tambin es posible definir una fuente para todo el documento. Para ello, hay
que insertar la etiqueta <basefont> despus de la etiqueta <body>.

La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar


los mismos atributos del texto que la etiqueta <font>.

Por ejemplo:

<body>
<basefont color="#006699" size="4" face="Arial">
Las propiedades del texto pueden modificarse a travs de la etiqueta <font>.
Para ello, podemos insertar el texto entre las etiquetas <font> y </font>,
especificando algunos de los atributos de la etiqueta:
Por ejemplo, para insertar el texto:

Bienvenidos a www.aulaclic.com

Habra que escribir:


Resaltado del texto <b>

<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans


Serif">Bienvenidos a www.aulaclic.com</font>
Tambin es posible definir una fuente para todo el documento. Para ello, hay
que insertar la etiqueta <basefont> despus de la etiqueta <body>.

La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar


los mismos atributos del texto que la etiqueta <font>.

Por ejemplo:

<body>
<basefont color="#006699" size="4" face="Arial">

Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto
que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos
estilos pueden agruparse segn vayan asociados al tipo de letra o a la
informacin que represente el texto. No hay que olvidar que todas estas
etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias
etiquetas al mismo texto.
Resaltado del texto <b>

Las etiquetas ms utilizadas son las asociadas al tipo de letra, ya que son ms
fciles de recordar, y en muchos casos los resultados son los mismos que los de
aplicar una etiqueta diferente. Por ejemplo, el resultado de aplicar las etiquetas
<b> y <strong> es el mismo. Incluso a veces algunos estilos asociados al tipo de
informacin pueden representarse de forma distinta segn el navegador.

Por ejemplo, para insertar el texto:

Bienvenidos a www.aulaclic.com

Habra que escribir:

<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans


Serif">Bienvenidos a <b><u><tt>www.aulaclic.com</tt></u></b></font>