Escolar Documentos
Profissional Documentos
Cultura Documentos
Se caracteriza por el uso de etiquetas, una de inicio y otra de fin, de forma que lo que
aparece en medio se ve afectado por el significado de la etiqueta. La etiqueta suele ser una
palabra en ingls, entre<
> cuando aparece y entre< / > al final.
Por ejemplo:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Insertar texto
Si escribimos un texto, se mostrar con las caractersticas por defecto del navegador.
Para modificar alguna de las propiedades debemos usar etiquetas especficas:
<H1>
Etc....
Insertar imgenes
La etiqueta para insertar una imagen es <IMG>, el resto son parmetros:
<IMG SRC = imagen.jpg ALT = Texto al colocar el ratn sobre la imagen ALIGN =
Top|Bottom|Left|Right BORDER = 2 >
Insertar enlaces
Un enlace nos permite saltar de una pgina a otra, ya sea dentro de nuestro sitio web o a
una pgina remota. La etiqueta es:
<A HREF = otra_pag.html>Texto del hiperenlace</A>
En este caso la pgina est en la misma carpeta que la actual. Otras posibilidades son:
..\pag_val\altra_p.html: la pgina est en un directorio hermano del actual.
http://www.elpais.es/index.html: la pgina est en un servidor de pginas web de Internet.
mailto:usuario@ordenador.es: activa el programa de correo y escribe el campo direccin.
En lugar de un texto, tambin puede funcionar como hiperenlace una imagen:
<A HREF = otra_pag.html><IMG SRC = foto.jpg></A>
Insertar tablas
Las tablas nos permiten organizar los contenidos de la pgina web. Se crean as:
<TABLE BORDER COLS = 2 WIDTH = 80%>
<TR ALIGN = CENTER VALIGN = CENTER>
<TD ALIGN = LEFT WIDTH = 30%> </TD>
<TD WIDTH = 70%>< /TD>
</TR>
</TABLE>
4 (corresponde al decimal 4)
5 (corresponde al decimal 5)
6 (corresponde al decimal 6)
7 (corresponde al decimal 7)
8 (corresponde al decimal 8)
9 (corresponde al decimal 9)
A (corresponde al decimal 10)
B (corresponde al decimal 11)
C (corresponde al decimal 12)
D (corresponde al decimal 13)
E (corresponde al decimal 14)
F (corresponde al decimal 15)
(mirar el cuadro de la pgina anterior)
Para ponerle color de fondo a la pgina escribir:
<body bgcolor=#808080></body> con el cual obtendremos un color de fondo gris oscuro.
Colocar mal los colores de fondo en nuestras pginas puede provocar problemas. Qu ocurra con los links o
enlaces si colocramos un fondo de color azul?. Puesto que los links son azules cuando todava no se han
pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto
del fondo.
Se puede imaginar todava un caso peor si decidiramos colocar un fondo demasiado oscuro, tan oscuro que
no permitiera distinguir con claridad la informacin que se presenta en pantalla. Podemos remediar esto
eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las
etiquetas para hacer esto son las siguientes:
text="#nmero" Para el color del texto.
Manzana
Zanahoria
Lechuga
Tomate
6. Como insertar una imagen
A la hora de crear una pgina Web podemos introducir grficos de forma muy sencilla, slo hay que tener en
cuenta que las imgenes deben tener formato Gif o JPEG.
La etiqueta utilizada para agregar imgenes a una pgina Web es <IMG> y va acompaada de un atributo
fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar.
Es decir:
<IMG SRC="lugar donde guardo la imagen">
Supongamos que tenemos la imagen dragonball.gif, que est presente en el mismo directorio en donde est
la pgina y que la queremos insertar. La etiqueta apropiada sera:
<IMG SRC="dragonball.gif">
cundo poseen ese significado y cundo queremos que aparezcan literalmente en el documento final. Por
ejemplo, como ya sabemos, < indica el comienzo de una directiva, y, por ello, si queremos que aparezca en el
texto como tal tendremos que dar un rodeo escribiendo algo que no de lugar a confusin, en este caso <.
Los smbolos afectados por esta limitacin, y la forma de escribirlos, se detallan a continuacin:
< (Menor que): <
Es decir, que para escribir <"hola"> en nuestro texto HTML original debemos poner <"hola">.
El otro caso especial se da cuando en un texto HTML se quiere escribir una ee, por ejemplo. Existe una
forma fcil de hacerlo, que consiste en utilizar cdigos como las que antes se presentaron para escribir ciertos
smbolos. Los cdigos comienzan siempre con el smbolo &, y terminan con un punto y coma (;). Entre medias
va un identificador del carcter que queremos que se escriba. Los cdigos necesarias en nuestro idioma son:
: á
: é
: í
: ó
: ú
: Á
: É
: Í
: Ó
: Ú
: ü
: Ü
: ñ
: Ñ
: ¿
: ¡
?: ?
!: !
@: @
Por lo tanto la palabra pgina la podramos escribir como :
pgina
página
Otro ejemplo: En qu ao estamos?
Sera: ¿En qué año estamos?
Es por ello que si deseamos que cualquier visor de pginas Web pueda visualizar las letras acentuadas de
nuestro documento debemos utilizar sus correspondientes cdigos para representarlas.
Recuerden que las etiquetas se pueden escribir en maysculas o en minsculas, es lo mismo poner <HTML>,
<html> o <HtmL>.
Una vez que terminamos de escribir todo nuestro documento, lo guardamos ponindole un nombre, y
necesariamente lo debemos guardar con la extensin .HTM o .HTML.
Para ir visualizando lo que hemos estado haciendo tendramos que abrir nuestro browser (Netscape o Internet
Explorer), hacemos click en la opcin FILE o ARCHIVO, estando all seleccionamos OPEN o ABRIR, le damos
BROWSE o EXAMINAR, seleccionamos el archivo y le damos OPEN. Luego le damos ACEPTAR, e
inmediatamente se abrir nuestra pagina.