2. CURSO BÁSICO DE HTML
2.2.1. El lenguaje HTML: las etiquetas
HTML es el acrónimo de HiperText Markup Language que, traducido al español, quiere decir
algo así como “lenguaje de definición por marcas para hipertexto”, es decir, HTML es un
lenguaje que permite definir documentos hipertexto a base de ciertas etiquetas que marcan
partes de un texto cualquiera dándoles una estructura y/o jerarquía.
Cada documento (página web) contiene texto y/o gráficos que aparecen como información
digital en la pantalla de un ordenador. Un sitio puede contener una combinación de gráficos,
texto, audio, vídeo, y otros materiales dinámicos o estáticos. Un documento hipertexto es aquel
que, además de incluir texto e ilustraciones, permite el enlace con otros documentos hipertexto
que desarrollan o hacen referencia al mismo tema.
HTML es un lenguaje basado en etiquetas. Estas etiquetas aportan al contenido información
sobre la forma en que será mostrado. Éstas deben seguir unas reglas determinadas, así, se
entiende por etiqueta cualquier texto incluido entre los signos: “<”y”>”.
La primera etiqueta que vamos a aprender es aquella por la que deben empezar todos los
documentos que queramos sean considerados HTML:
<HTML> inicio de documento hipertexto.
La segunda etiqueta que aprenderemos será precisamente la última que se debe incluir en un
documento HTML indicando el final del documento:
</HTML> Fin de documento hipertexto.
Como se ve, esta etiqueta es igual a la anterior pero precedida del signo "/", esta será la tónica
general en HTML: casi todas las etiquetas tienen la estructura: <etiqueta> ... </etiqueta>,
"marcando" el texto o contenido incluido entre ellas.
En las etiquetas HTML no afecta el uso de mayúsculas o minúsculas, es indiferente el uso que
se haga de ellas. Por otra parte, si la etiqueta (texto introducido entre los signos "<" y ">") no
existe será ignorada (esto permite que cada navegador a veces use etiquetas propias y que
navegadores antiguos permitan ver documentos HTML de versiones posteriores).
2.2.2 El documento HTML
Cualquier documento HTML se divide en dos partes fundamentales:
<HEAD> inicio de la cabecera.
Dentro de la cabecera se incluye el título del documento marcado por las etiquetas:
<TITLE> Inicio del título
</TITLE> Fin del título
</HEAD> Fin de la cabecera
<BODY> Inicio del cuerpo.
Dentro del cuerpo se incluye el "grueso" del documento, incluyendo el texto, las imágenes, los
enlaces, etc. Junto con la etiqueta (se incluyen a continuación de <BODY y antes de >
separados por un espacio), pueden aparecer ciertos atributos, como:
BGCOLOR=”#rrggbb” para seleccionar el color de fondo en formato hexadecimal RGB, o
BGCOLOR=”nombre de color” para unos colores predefinidos: red, blue, navy, green, olive,
yellow, magenta, purple, cyan, brown, black, gray, teal, white, ..
TEXT=”#rrggbb” para seleccionar el color para el texto
</BODY> Fin del cuerpo
(Tabla de códigos de colores)
2.3. Tablas de HTML
Una tabla en HTML se encierra entre las etiquetas <TABLE> y </TABLE>
<TABLE tiene los siguientes atributos:
BORDER=“número” : Grosor del borde de la tabla
