COLEGIO NACIONAL NICOLAS ESGUERA

EDIFICAMOS FUTURO

HERNANDEZ OSPINA DAVID

HERNANDEZ SUAZO JULIAN 804

Caracteres Los caracteres < y > son dos caracteres especiales que indican
especiales y inicio y fin de etiqueta. Si se desea insertar estos caracteres como
espacios en texto hay que escribir el nombre que los representa:
blanco Por ejemplo :
conseguir que se muestren varios espacios en blanco seguidos
puede sustituirse cada uno de ellos por &nbsp;.
Habra que decir :
&iexcl;Bienvenidos, esta es
mi&nbsp;&nbsp;&nbsp;1&ordf;&nbsp;&nbsp;&nbsp;p&aacute;gina
!
En ocasiones podemos desear aadir comentarios aclaratorios
Comentarios 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 //-->.
EL TEXTO

Por ejemplo:
<!-- A continuacin aparecer una lnea de texto//-->
&iexcl;Bienvenidos, esta es mi 1&ordf; p&aacute;gina!

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

lnea <br> 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 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 habra que escribir:

Queridos usuarios,<br>tengo el placer de comunicaros que hay
una nueva secci&oacuten.
Texto Una forma de asegurarnos de que el texto aparezca en el
preformatead navegador tal cual ha sido insertado dentro del cdigo, es
o <pre> 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 utilizar la etiqueta
<br>.
Por ejemplo:
<pre>Hola, BIENVENIDOS
esta ES MI PGINA WEB
y esto un texto preformateado</pre>

Separadores El elemento que suele utilizarse para separar secciones dentro de

<hr> una misma pgina es la regla horizontal. Para insertar una regla
horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no
precisa ninguna etiqueta de cierre.
Por ejemplo, para insertar el texto y la regla horizontal siguientes:
Inicio<hr align="left" width="300%" size="5" noshade>Bienvenidos
a mi p&aacute;gina.

Sangrado de La sangra es una especie de margen que se establece a ambos

texto lados del texto. Para que un texto aparezca sangrado, se inserta
<blockquote> entre las etiquetas <blockquote> y </blockquote>.

Esta etiqueta en un principio se defini para delimitar citas pero

que como la mayora de los navegadores resuelven la cita
incluyendo un sangrado del texto, su uso para sangrar texto se ha
generalizado.

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>
Formatear el Las propiedades del texto pueden modificarse a travs de la
texto <font> etiqueta <font>. Para ello, podemos insertar el texto entre las
etiquetas <font> y </font>, especificando algunos de los atributos
de la etiqueta.
Por ejemplo :
Bienvenidos a www.aulaclic.com

Habra que escribir:

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

Sans Serif">Bienvenidos a www.aulaclic.com</font>

Resaltado del Existen una serie de etiquetas que permiten aplicar diferentes
texto <b> 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.
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>
El texto de una pgina puede agruparse en prrafos. Para ello, el
Prrafos <p> texto de cada uno de los prrafos debe insertarse entre las
etiquetas <p> y </p>.

No es necesario insertar la etiqueta <br> para que un nuevo

prrafo aparezca debajo del anterior, ya que las etiquetas <p> y
</p> hacen que se cambie de lnea automticamente.

Por ejemplo :
<p align="center">Bienvenidos a mi p&aacutegina.</p>
<p>Aqu&iacute encontrar&eacuteis cursos de formaci&oacuten
muy interesantes.</p>

Otra forma de cambiar la alineacin del texto es mediante las

etiquetas <div> y </div>, para las que tambin existe el atributo
align. La etiqueta <div>, al igual que la etiqueta <p>, se utiliza
para agrupar bloques de texto, pero con la diferencia de que la
separacin entre ellos es menor.
Encabezados Existen una serie de encabezados que suelen utilizarse para
<h1> establecer ttulos dentro de una pgina. La diferencia entre los
distintos tipos de encabezado es el tamao de la letra, el tipo de
resaltado, y la separacin existente entre el texto y los elementos
que tiene encima y debajo de l. Hay que tener en cuanta que el
navegador del usuario es el que aplicar el estilo del encabezado
por lo que el mismo ttulo se puede visualizar de forma diferente
segn el navegador.

Por ejemplo: para insertar el texto:

El lenguaje HTML
Apartado 1: Las etiquetas

Habra que escribir:

<H2 align="center">El lenguaje HTML</H2><H4>Apartado 1: Las

etiquetas</H4>

Marquesinas
<marquee> Las marquesinas son lneas de texto que pueden desplazarse de
un lado a otro de la ventana en forma de lnea.

Para insertar una marquesina, es necesario insertar el texto entre

las etiquetas <marquee> y </marquee>.

La marquesina, por defecto, se desplaza de derecha a izquierda

indefinidamente, pero si lo deseas puedes hacer que estas
propiedades varen.

Por ejemplo: para insertar la siguiente marquesina:

Esto es una marquesina

Habra que escribir:

<marquee bgcolor="#006699" behavior="alternate"

direction="right">
<b><font color="#FFFFCC" size="5">Esto es una marquesina
</font></b>
</marquee>
Tambin es posible insertar imgenes, tablas y otros elementos
entre las etiquetas <marquee> y </marquee>, no slamente texto.