· Introducción
· Estructura de un documento html
· Un par de tags muy usados
· Formateo de textos
· Fondos de página
· Listas
· Enlaces
· Imágenes
· Tablas
· Frames
· Códigos hexadecimales de color
· Enlaces y Bibliografía
· Fuente
Internet se esta configurando como la gran biblioteca global, y cada vez más empresas necesitan personal con conocimientos de HTML, capaces de publicar información en la red.
Este curso está escrito con el ánimo de introducir en ese mundo a personas que no hayan programado nunca.
· Para seguir el curso es necesario tener conocimientos básicos de informática y Internet en entorno Windows.
· Para hacer los ejercicios basta con un Navegador y el Bloq de Notas de Windows o otro procesador de texto simple.
· Los ejemplos de codigo HTML estaran resaltados en color azul, y cuando queremos representar el efecto de un codigo en pantalla usaremos un gris de fondo.
· Recomiendo instalar la magnífica HTML Reference Library, un fichero de ayuda de Windows que contiene toda la especificación del lenguaje HTML, con abundantes ejemplos(aunque en ingles).
HTML significa Hypertext Markup Languaje, o lenguaje de marcas de hipertexto. Los ficheros htm (paginas web) son ficheros de texto, y la forma en que este texto aparece en pantalla viene definida por un conjunto de marcas o tags
La especificación de estos tags la decide un organismo internacional, aunque ultimamente algunos fabricantes como Netscape y Microsoft implementan nuevas capacidades a sus navegadores que no son compatibles con el resto.
El Navegador distingue a los tags del resto del
texto porque van dentro de los simbolos <..>.
Por ejemplo la secuencia <i>hola<i>
produce en pantalla hola: El tag <i> indica que el texto debe inclinarse,
y para cerrar el tag escribimos </i>
Existen muchos tags, pero solo vamos a ver los básicos. Al final del curso se dará bibliografía y enlaces para completar la información.
Para crear las paginas html solo hace falta un procesador de textos. Ultimamente es posible hacer documentos htm desde programas como Word o Excel, sin embargo, en este curso solo usaremos el Bloq de Notas de Windows, asi tendremos un control total sobre el codigo generado.
Un documento html esta dividido en cabecera (HEAD)
y cuerpo (BODY).
La cabecera tiene información sobre el documento, como el titulo, y el cuerpo
es donde va el contenido.
Lo vemos en una pagina sencilla:
<html>
<head>
<TITLE>Nuestra primera pagina</TITLE>
</head>
<body>
<H1>Nuestra primera pagina</H1>
<P>Este es el primer parrafo </P>
<P>Este es el segundo parrafo.</P>
</body>
</html>
Vamos linea a linea:
<html>:
indica el comienzo del documento html
<head>:
indica el comienzo de la cabecera
<TITLE>Nuestra
primera pagina</TITLE>: Comienzo del titulo, el titulo, y final
de titulo
</head>:
Final de la cabecera
<body>:
comienzo del cuerpo del documento
<H1>Nuestra primera
pagina</H1>: El tag <H1> indica al navegador que el texto
debe estar en negrita y con tamaño de letra grande, y ademas introduce un retorno
de carro
<P>Este es el
primer parrafo </P>: El tag <P> indica principio de parrafo
</body>:
fin de cuerpo del documento
</html>:
fin de documento html
Para ver el resultado que produce el codigo, debemos copiarlo en el Bloq de Notas, guardarlo con la extensión .htm, y cargarlo en el navegador.
Vamos a hacer unos cambios en el codigo anterior:
<html>
<head>
<TITLE>Nuestra primera pagina</TITLE>
</head>
<body>
<center>
<H1>Nuestra primera pagina</H1>
<hr width=200>
</center>
<P>Este es el primer parrafo </P>
<P>Este es el segundo parrafo.</P>
</body>
</html>
Hemos añadido dos tags nuevos:
· <center>: Por defecto el texto se alinea simpre a la izquierda. Con este tag le decimos al navegador que todos los elementos entre <center> y </center> deben estar centrados en la pantalla.
·
<hr>:
sirve para dibujar una linea, y ademas hace un retorno de carro
Vemos que este tag tiene un modificador o parametro, width=200,
que indica que la linea debe tener una longitud de 200 pixels.
Casi todos los tags tienen varios parámetros que alteran la forma en que el
navegador dibuja la pagina.
Para ver el resultado que produce
el codigo, debemos copiarlo en el Bloq de Notas, guardarlo con la extensión
.htm, y cargarlo en el navegador.
Podemos repetir la operación pero quitando el atributo width=200
del tag <hr>,
y veremos que en este caso la linea ocupa toda la pantalla.
En esta página vamos a ver los tag más usados para dar forma al texto:
· <b>: Sirve para poner en negrita. Hay que cerrar con </b>.
· <i>: Para inclinar el texto. Se cierra con </i>.
· <br>: Hace un retorno de carro. Hay que diferenciarlo del tag <p>.
· <p>: Tag de párrafo: Hace un retorno de carro y además añade una linea en blanco. Admite parámetros:
o align="": alineamiento del texto dentro del parrafo: Por defecto se alinea a la izquierda, y los valores admitidos(dentro de las comillas) son : center, right, left y justify.
· <font>: Cada navegador usa por defecto un tipo y tamaño de letra determinado. Netscape y Explorer usan Times New Roman, aunque pueden variar en Apple o Unix. Si queremos usar otros tipos de letra usaremos este tag, que admite varios parámetros:
o face="": tipo de letra: podemos usar cualquiera que tengamos instalada, pero hay que tener en cuenta que no todo el mundo tiene instalados los mismos tipos de letra que nosotros. Algunos tipos muy usados son: Arial, Courier, Verdana.
o color="": color: Los navegadores reconocen algunos colores predefinidos, como:black, red, white, etc. Para más exactitud hay que usar la notación exagesimal. Por ejemplo <font color="black"> es lo mismo que <font color="#000000"> .
o
size="":
Tamaño: Por defecto suele ser 2. Podemos fijar un tamaño en terminos absolutos,
p.ej. <font size="3">,
o respecto al tamaño por defecto, p.ej. <font
size="+1">.
Nota: Hay algunas diferencias entre navegadores y plataformas, y no es posible
controlar que el texto aparezca siempre igual en todos.
· <blockquote>: Parrafos indentados: Es necesario cerrarlo con </blockquote>
En este texto tenemos ejemplos de todos los tags:
<html>
<head>
<TITLE>Formateo de texto</TITLE>
</head>
<body>
<center>
<font face="arial" size="+2">Formateo de texto</font>
<hr width=200>
</center>
<P align="center">Este es el primer párrafo. Está centrado y
escrito en la letra por defecto del navegador. Algunas palabras estan en <B>negrita</B>,
y otras en <I>cursiva.</I></P>
<P><font face="Arial" size="2">En el segundo
párrafo toda la letra es Arial y tamaño 2. Esta alineado a la izquierda(por
defecto) y tiene un retorno de carro aqui.<br> Para acabar el parrafo
usamos un <font color="#FF0000">color diferente</font></font>.</P>
<blockquote><font face="Arial" size="3">Tercer
párrafo. Para finalizar, tenemos un párrafo indentado, con letra Arial y tamaño
3(un poco más grande).</font>.</blockquote>
</body>
</html>
Como hemos visto hasta ahora, el navegador dibuja la página con un triste fondo gris. Por suerte, es posible fijar el fondo con otro color, o usar una imagen de fondo.
·
Fondo de color:
Usamos el parámetro bgcolor,
p.ej <body bgcolor="#FFFFFF">
Si queremos usar otros colores de fondo, hay que asegurarse de que los textos
se leen sin dificultad.
·
Imagen de fondo:
Usamos el parámetro background="fondo.gif",
p.ej <body background="fondo.gif">
Usar imágenes de fondo es un tema complicado. Es muy dificil acertar con una
imagen adecuada, y sobre todo hay que huir de los colores chillones.
Si la imagen es más pequeña que la pantalla, se repetirá hasta llenarla completamente.
Un buen truco es usar una imagen de altura 5 pixels(o menos), con el consiguiente
ahorro de espacio.
Por ejemplo: vamos a usar de fondo la imagen:
Para ver el resultado en la pagina copiamos el siguiente código:
<html>
<head>
<TITLE>Fondos</TITLE>
</head>
<body background="fondo.gif">
<center>
<font face="arial" size="+2">Fondos</font>
<hr width=200>
</center>
<P align="center">Este es el primer párrafo. Está
centrado y escrito en la letra por defecto del navegador. Algunas palabras estan
en <B>negrita</B>, y otras en <I>cursiva.</I></P>
</body>
</html>
Nota: En este caso la imagen debe estar en el mismo directorio que el fichero .htm, para que el navegador pueda encontrarla. Si la imagen está en otro directorio debemos escribir la ruta correcta.
Con el HTML que sabemos hasta ahora
ya sabriamos hacer una lista numerada, p.ej. <P><blockquote>1.Elemento
numero 1</blockquote>
<blockquote>2.Elemento
numero 2</blockquote>
Este código quedaria en pantalla:
1.Elemento numero 1
2.Elemento numero 2
Sin embargo, nos podemos ahorrar todo este codigo bastante chapucero porque existen unos tags especificos para listas.
Tenemos tres tipos de listas: desordenadas, ordenadas y listas de definición.
Listas desordenadas:
<UL>
<LI> primer elemento
<LI> segundo elemento
</UL>
Toda la lista va entre los tag <UL>
(unordered list) y </UL>,
y cada elemento se señala también con el tag <LI>
(list item).
El resultado es:
· primer elemento
· segundo elemento
Listas ordenadas:
<OL>
<LI> primer elemento
<LI> segundo elemento
</OL>
Toda la lista va entre los tag <OL>
(ordered list) y </OL>,
y cada elemento se señala también con el tag <LI>
(list item).
El resultado es:
1. primer elemento
2. segundo elemento
Listas de definición:
<DL>
<DT> primer titulo
<DD> primera definición
<DT> segundo titulo
<DD> segunda definición
</DL>
Toda la lista va entre los tag <DL>
(definition list) y </DL>,
y los elementos se señalan con los tag <DT>
y <DD>.
El resultado es:
primer titulo
primera definición
segundo titulo
segunda definición
Por último, podemos insertar listas dentro de otras listas:
<OL>
<LI> primer elemento lista 1
<UL>
<LI> primer elemento lista 2
<LI> segundo elemento lista 2
</UL>
<LI> segundo elemento lista 1
</OL>
El resultado es:
1. primer elemento lista 1
o primer elemento lista 2
o segundo elemento lista 2
2. segundo elemento lista 1
Los enlaces o links son textos o imágenes
que al ser pulsados, hacen que el navegador cargue otra página. Normalmente
son están subrayados y de un color diferente (normalmente azul) al texto normal.
El tag de los enlaces es <a>,
con la síntaxis: <A
HREF="destino"> titulo </A>
El título es el texto que aparece subrayado, y el destino es la dirección del
documento al que apunta el enlace. Este destino puede ser una dirección completa,
p.ej. href="http://www.RedSalamanca.com/index.htm",
o un documento en el mismo directorio href="hola.htm"
Como ejemplo vamos a analizar el
enlace de la parte inferior derecha que nos lleva a la siguiente página.
El codigo es: <P
align="right"><A HREF="cap7.htm">Cap 7: Imágenes</A>
El resultado en pantalla esta a la vista...
Enlaces internos
Podemos usar este tag para hacer
enlaces dentro de una misma página.
Primero marcamos el sitio destino de la página con el código: <a
name="nombre"></a>
Y para saltar a ese punto debemos escribir : <A
HREF="destino#nombre"> titulo </A>
Para verlo en acción, previamente
hemos marcado con el nombre 'lista' el párrafo de la página anterior(cap5.htm)
en la que hablabamos de listas dentro de listas.
El codigo para saltar allí es: <A
HREF="cap5.htm#lista"> Salto a lista dentro de lista</A>
Y en pantalla :
Pulsa en el enlace y pasaras a la página anterior a la altura del parrafo indicado.
Gracias a
las imágenes la web se ha hecho tan popular, tanto que hoy no se entiende una
página web sin ellas. En nuestro directorio de trabajo tenemos un pequeño gif
llamado "obras.gif", que vamos a usar en los siguientes ejemplos
El tag básico que nos permite incluir imágenes es <IMG
SRC="obras.gif"> , que produce
en pantalla:
Este tag admite muchos parámetros útiles:
· width,
height: con estos parámetros le decimos
al navegador las dimensiones del grafico. Es conveniente incluirlos porque asi
la página aparece en pantalla antes de que lleguen los gráficos(que suelen venir
después del texto).
En nuestro caso, <IMG
SRC="obras.gif" width=60 height=53>, produce en pantalla:
También podemos poner dimensiones 'falsas', y el navegador alterará las dimensiones
de la imagen.
Por ejemplo, <IMG
SRC="obras.gif" width=200 height=53>, produce en pantalla:
· border:
Este parámetro hace que aparezca un borde rodeando la imagen.
Por ejemplo, <IMG
SRC="obras.gif" width=60 height=53 border=2>, produce en
pantalla:
· alt:
Con este parámetro podemos incluir un texto para los navegadores que no soportan
los gráficos.
Por ejemplo, <IMG
SRC="obras.gif" alt="Pagina en construcción" width=60 height=53
border=2>, produce en pantalla:
Para leer el texto podemos poner el ratón sobre el gráfico durante un segundo.
· align:
Alinea la imagen respecto del texto y puede valer: left,
right, top, bottom y middle.
Por ejemplo, <IMG
SRC="obras.gif" alt="Pagina en construcción" width=60 height=53
border=2 align=middle> texto de ejemplo, produce en pantalla:
texto
de ejemplo
· hspace,
vspace: Separa la imagen horizontal y verticalmente(en
pixels y por ambos lados).
Por ejemplo, <IMG
SRC="obras.gif" alt="Pagina en construcción" width=60 height=53
border=2 vspace=10 align=middle hspace=10> texto de ejemplo, produce
en pantalla:
texto
de ejemplo
Sobre imágenes se puede decir mucho más, pero sólo vamos a añadir algunos comentarios:
· Una página web en su totalidad (texto y gráficos) no debería sumar más de 80 Kb (1 minuto de carga aprox. para un modem de 14400 bps).
· Un diseñador de páginas web necesitará un programa de retoque fotográfico, como Paint Shop Pro
·
Las imágenes pueden servir como
enlaces, p. ej el código <a
href="obras.htm"><IMG SRC="obras.gif"></a>
produce en pantalla:
Vemos que el icono del ratón cambia al pasar por la imagen, y aparece un borde
de color azul rodeándola. Casi siempre que usemos imagenes como enlaces añadiremos
border=0 para
evitarlo.
Las tablas son los elementos más importantes del HTML. Entender como construirlas es la clave para dominar el lenguaje. Vamos a trabajar con una tabla de 2x2 celdas que iremos modificando sobre la marcha.
|
El
codigo para construirla es: |
Y el resultado en pantalla:
|
Tenemos tres tags principales, <TABLE>
(inicio y final de tabla), <TR>
(inicio y final de fila), <TD>
(inicio y final de celda).
Cada uno de los tags admite varios parámetros, vamos a ver los básicos:
<TABLE>
· border: Borde de la tabla, se suele poner a cero.
· width: Anchura de la tabla. Esta página esta toda dentro de una tabla de anchura 600 pixels centrada en la página.
· cellpadding: Separación entre el contenido de las celdas y el borde de la celda. Por defecto es igual a 2 y si lo subimos a 10 el efecto es:
|
fila1/celda1 |
fila1/celda2 |
|
|
fila2/celda2 |
· cellspacing: Separación entre las celdas. Por defecto es igual a 2 y si lo subimos a 10 el efecto es:
|
fila1/celda1 |
fila1/celda2 |
|
|
fila2/celda2 |
· bgcolor: Color de fondo. (lo vemos en azul con la última tabla).
|
fila1/celda1 |
fila1/celda2 |
|
|
fila2/celda2 |
<TD>
· width, height: Altura y anchura de la celda. Vamos a dimensionar la celda superior izquierda.
|
<TABLE
border=1> |
|
· align, valign: Alineamiento horizontal y vertical del contenido de la celda. Vamos a seguir modificando la celda superior izquierda.
|
<TABLE
border=1> |
|
· bgcolor: Color de la celda. Ponemos en azul la celda superior izquierda.
|
fila1/celda1 |
fila1/celda2 |
|
|
fila2/celda2 |
· rowspan: Con este tag le decimos al navegador que esa celda es tan alta como varias de las otras columnas, es decir, que la celda ocupa varias filas.
|
<TABLE
border=1> |
|
· colspan: Con este tag le decimos al navegador que esa celda es tan ancha como varias de las otras filas, es decir, que la celda ocupa varias columnas.
|
<TABLE
border=1> |
|
||||
Entender colspan y rowspan es quiza lo más complicado del lenguaje HTML, pero hacer tablas complejas nos permitira distribuir con exactitud los elementos de la página.
Algo que se me olvidaba y que suele
causar bastantes molestias, es que el tipo de letra que estamos usando en la
página no se respeta dentro de las celdas, lo que nos obliga a tener que fijar
el tipo de letra celda por celda muy a menudo.
Este problema se resuelve con el uso de CSS (hojas de estilo), que no veremos
en este cursillo.
Los frames
o marcos se usan para dividir la pantalla en varias zonas independientes, cada
una con su propia barra de desplazamiento. Un uso muy común es en esos sitios
que tienen un menu fijo en la parte izquierda de la página, y los textos aparecen
en la parte derecha.
Vamos a crear una pagina de ese tipo, con un menu que ocupe el 15% de la pantalla.
Primero tenemos que crear la página con la definición de los frames:
Escribimos el siguiente código:
<HTML>
<HEAD>
<TITLE>Pagina con frames</TITLE>
</HEAD>
<FRAMESET COLS="15%, 85%">
<FRAME SRC="menu.htm" NAME="menu">
<FRAME SRC="portada.htm" NAME="contenido">
<NOFRAMES>
<BODY>
Esta página esta pensada para ser vista con frames.
<P>Pulsa en el enlace para <A HREF="portada.htm"> entrar</A>.
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
Tenemos varios tag nuevos, que admiten varios parámetros:
<FRAMESET>
Es el tag que define las características del conjunto de los frames:
· Cols, Rows: Podemos definir los frames como columnas o filas, y para indicar su tamaño tenemos varias opciones:
o
En pixels: Por ejemplo, <FRAMESET
COLS="100, 500, *">
Le estamos diciendo al navegador que hay tres frames columna: el primero tiene
un ancho de 100 pixels, el segundo, 500, y el tercero debe rellenar el resto
de la página (*)
o
En porcentaje: <FRAMESET
COLS="15%, 85%">
Dos frames, uno que ocupa el 15% de la pantalla y otro, el 85%.
· Hay otros atributos, como Frameborder, border, framespacing, que no veremosen este curso.
<FRAME>
Define las características de un frame en concreto:
· SRC: Fichero .htm que de be cargar en el frame.
· name: Nombre del frame. Muy importante porque se necesita para los enlaces.
· Scrolling: Nos permite decidir si queremos que aparezca la barra deslizadora. Puede valer: yes, no y auto (por defecto).
· Noresize: (Sin valor numérico). Si lo añadimos, el frame no podrá redimensionarse con el ratón.
<NOFRAMES>
Lo que va dentro de este tag aparecerá en los navegadores que no soporten frames.
Ahora que hemos creado la pagina con las deficiones de los frames, nos falta crear dos páginas más, el menu y la portada.
menu.htm
<HTML>
<HEAD>
<TITLE> Menu </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<P><A HREF="portada.htm" TARGET="contenido">
Portada </A>
<P><A HREF="pagina1.htm" TARGET="contenido">
Pagina1 </A>
</BODY>
</HTML>
Es simplemente una página con dos opciones de menu(dos enlaces), y lo único que ha cambiado es que el tag <a> del enlace tiene el atributo <target="contenido">. La página enlazada se abrirá en "contenido" que es el frame derecho que hemos definido antes.
Vamos a guardar esta página con el nombre menu.htm
portada.htm
Vamos a guardar dos páginas muy sencillas: portada.htm y pagina1.htm:
|
<HTML> |
<HTML> |
Ya podemos cargar en el navegador la página en la que definíamos el conjunto de frames, y ver el resultado.
Los frames tienen varias ventajas y inconvenientes, pero se ha abusado tanto de ellos que últimamente están en desuso. En general no se debería:
· Usar nunca más de dos frames en una página.
· Encerrar dentro de un frame un enlace externo. Para que un enlace rompa los frames debemos escribir <target="_top">, o para que se abra en una nueva ventana, <target="_new">.
Estos códigos
de color se pueden utilizar como valor de atributo en los elementos <FONT
COLOR> y <BODY
BGCOLOR FGCOLOR TEXT LINK VLINK ALINK>.
Algunos no funcionarán en en ciertos visualizadores, así como
si Windows no está configurado con 256 colores al menos.
La codificación de estos colores está basada en mezclas cromáticas
RGB (RED GREEN BLUE), es decir, se mezclan ciertas cantidades de los tres colores
básicos (rojo verde y azul), para conseguir el color deseado. La cantidad
de cada color está definida por el código que utilizamos, que
tiene seis dígitos en hexadecimal. Si los cortamos en 3 grupos de dos
de izquierda a derecha, obtendremos la cantidad (en hexadecimal) de cada color.
La sintaxis para cambiar el fondo de la página (background) a color rojo
es: <BODY BGCOLOR=#FF0000>
y para dar color al texto, ver la página Texto de colores. Para combinaciones
generales de colores, ver el ejemplo de control de colores.
Lista de códigos RGB
White
= #FFFFFF
Red = #FF0000
Green = #00FF00
Blue = #0000FF
Magenta = #FF00FF
Cyan = #00FFFF
Yellow = #FFFF00
Black = #000000
Aquamarine = #70DB93
Baker's Chocolate = #5C3317
Blue Violet = #9F5F9F
Brass = #B5A642
Bright Gold = #D9D919
Brown = #A62A2A
Bronze = #8C7853
Bronze II = #A67D3D
Cadet Blue = #5F9F9F
Cool Copper
= #D98719
Copper = #B87333
Coral = #FF7F00
Corn Flower Blue
= #42426F
Dark Brown = #5C4033
Dark Green = #2F4F2F
Dark Green Copper = #4A766E
Dark Olive Green = #4F4F2F
Dark Orchid = #9932CD
Dark Purple = #871F78
Dark Slate Blue = #6B238E
Dark Slate Grey = #2F4F4F
Dark Tan = #97694F
Dark Turquoise = #7093DB
Dark Wood = #855E42
Dim Grey = #545454
Dusty Rose =#856363
Feldspar = #D19275
Firebrick = #8E2323
Forest Green = #238E23
Gold
=#CD7F32
Goldenrod = #DBDB70
Grey
= #C0C0C0
Green Copper = #527F76
Green Yellow = #93DB70
Hunter Green = #215E21
Indian Red = #4E2F2F
Khaki = #9F9F5F
Light Blue = #C0D9D9
Light Grey = #A8A8A8
Light Steel Blue = #8F8FBD
Light Wood = #E9C2A6
Lime Green = #32CD32
Mandarian Orange = #E47833
Maroon = #8E236B
Medium Aquamarine = #32CD99
Medium Blue = #3232CD
Medium Forest Green = #6B8E23
Medium Goldenrod = #EAEAAE
Medium Orchid = #9370DB
Medium Sea Green = #426F42
Medium Slate Blue
= #7F00FF
Medium Spring Green = #7FFF00
Medium
Turquoise = #70DBDB
Medium Violet Red = #DB7093
Medium Wood = #A68064
Midnight Blue = #2F2F4F
Navy Blue = #23238E
Neon Blue = #4D4DFF
Neon Pink = #FF6EC7
New Midnight Blue = #00009C
New Tan = #EBC79E
Old Gold = #CFB53B
Orange = #FF7F00
Orange Red = #FF2400
Orchid = #DB70DB
Pale Green = #8FBC8F
Pink = #BC8F8F
Plum = #EAADEA
Quartz = #D9D9F3
Rich Blue = #5959AB
Salmon
= #6F4242
Scarlet = #8C1717
Sea Green = #238E68
Semi-Sweet
Chocolate = #6B4226
Sienna = #8E6B23
Silver = #E6E8FA
Sky Blue = #3299CC
Slate Blue = #007FFF
Spicy Pink = #FF1CAE
Spring Green = #00FF7F
Steel Blue = #236B8E
Summer Sky = #38B0DE
Tan = #DB9370
Thistle = #D8BFD8
Turquoise = #ADEAEA
Very Dark Brown = #5C4033
Very Light Grey = #CDCDCD
Violet = #4F2F4F
Violet Red = #CC3299
Wheat = #D8D8BF
Yellow Green = #99CC32
Tabla de colores: presiona aquí.
Casi todas
las dudas las podremos resolver en el fichero de ayuda HTML
Reference Library, y en Internet encontraremos manuales de HTML en castellano
mucho más detallados que éste.
Te recomendamos:
· Web Maestro: Manuales de HTML y VRML (lenguaje de modelado de mundos virtuales en 3D)
· La Agenda : Es una selección de recursos para aprender todos los aspectos de Internet.
El lenguaje HTML se puede combinar
con Javascript para
lograr páginas más dinamicas, además está el HTML
Dinámico, que nos permite disponer los elementos de las páginas
en capas y tratarlas por separado.
Si queremos programar páginas que actuen sobre bases de datos, hay que tocar
el lenguaje Perl,
o bien la tecnología ASP, de Microsoft...para todo esto hay varios
sitios útiles(en ingles):
· Builder: Un sitio para webmasters que toca todos los temas.
· Webmonkey: Manuales de la revista Wired.
