CURSO DE HTML
1.- INTRODUCCIÓN
1.1
Definición
A lo largo de este manual vamos a descubrir el lenguaje más utilizado para la
creación de páginas web: el Hyper Text Markup Language, más conocido como
HTML. Se puede afirmar que el HTML es el lenguaje usado por los navegadores para
mostrar en la pantalla del usuario las páginas webs, es por tanto a día de hoy la
interface más extendida en la red.
Con HTML podemos utilizar textos, sonidos, imágenes, colores, enlaces a otras
páginas, tablas, formularios, etc. Lo que en un principio podía ser suficiente para
hacer llegar la información al usuario, llegó un momento que el desarrollo de internet
precisó que el lenguaje HTML se actualizara. Por ello se introdujeron tecnologías
complementarias como es el caso de CSS y Javascript.
Otra cuestión a tener en cuenta, es el uso de estándares web. ¿Por qué? Porque
las diversas versiones de los navegadores no lo implementan adecuadamente. Por eso
el webmaster está obligado a comprobar que su web será interpretada correctamente.
1.2
Versiones
La primera versión más usada de HTML fue la 2.0 en el año 1995. En un
principio cumplía más que suficiente la presentación del contenido, que primaba
sobre el diseño. Pero debido a que Netscape empezó a incluir nuevas etiquetas no
estándares, fue preciso crear un comité que estableciera las bases estándares web en
la versión HTML 3.0. Dado que no fue muy aceptado, la principales compañías de
informática crearon el nuevo comité W3C, que es la que actualmente elabora las
versiones de HTML. En 1997 se presentó entonces la versión 3.2, que incluían nada
más que lo ya hecho hasta el momento. En seguida, tal que el mismo año, se
presenta una nueva versión que es la que continúa vigente en este momento la 4.0, y
es la que veremos en este curso. En el año 2000 esta última versión junto con el
lenguaje XML 1.0. fue reformulado en XHTML 1.0.
1.3
Sintaxis
La sintaxis del lenguaje HTML se basa en la denominada etiqueta. La etiqueta
tiene dos partes: una apertura y un cierre. Encontrando en medio un elemento cuyo
estilo vendrá definido con las reglas CSS.
< etiqueta> contenido< /etiqueta>
La etiqueta que se encuentra al principio activa la orden y la última es la misma
que la que abre precedida del signo / y lo que hace es desactivarla. No siempre es así,
existen etiquetas con una etiqueta al principio y sin etiqueta de cierre. Y su sintaxis
es:
< etiqueta />
Es importante resaltar que las mayúsculas o minúsculas son indiferentes a la
hora de escribir las etiquetas. Pero debido al uso complementario de otras tecnologías
es aconsejable escribirlas en minúsculas.
2
CURSO DE HTML
1.4
Test
1. La sintaxis de un código HTML común puede ser:
< etiqueta valor="atributo" >elemento< /etiqueta>
< etiqueta atributo="valor">elemento< /etiqueta>
< atributo etiqueta="valor">elemento< /atributo>
< valor etiqueta="atributo">elemento< /valor>
2. Con respecto a los estándares de la web.
Son creados por la W2C.
El HTML debe escribirse en mayúscula.
No es necesario guiarse por ellos.
Ninguna es correcta.
3. HTML significa:
HyperText Match Language
Lenguaje de Marcado HiperTextual
HyperText Markup Language
Lenguaje de Marcado HiperTextónico
3
CURSO DE HTML
2.- ESTRUCTURA DEL DOCUMENTO
Un documento HTML se compone de las siguientes partes:
1. información sobre la versión del HTML
2. cabecera declarativa por la etiqueta < head>
3. cuerpo, que contiene el contenido real del documento indicada por < body>
Ejemplo:
< !doctype html public "-//w3c//dtd html 4.01//en"
"http://www.w3.org/tr/html4/strict.dtd">
< html>
< head>
< title>mi primer documento html< /title>
< /head>
< body>
< p>¡hola mundo!< /p>
< /body>
< /html>
2.1
Información
Un documento HTML válido declara qué versión de HTML se utiliza en el
documento. Esta declaración está codificada y viene especificada por el DOCTYPE.
El objetivo es indicar a un Validador de Versiones, qué versión del HTML utilizar
en la comprobación de sintaxis del documento. Según los estándares del HTML, cada
documento requiere un tipo de declaración diferente. Se detallan a continuación las
últimas definiciones del tipo de documento (DTD):
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
En esta declaración se incluyen todos los componentes excepto los frames.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
En esta declaración se incluyen todos los componentes de HTML 4.0 Strict más
aquellos desaconsejados de versiones anteriores, sin incluir los frames. Es la versión
más utilizada aunque no obtenga todas las ventajas que persigue HTML 4.0, tiene un
soporte mayor por parte de los browsers.
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
En esta declaración se incluyen los componentes del HTML Transitional más los
frames.
Si queremos seguir la normativa de la W3C: "guiar la web hacia su máximo
potencial a través del desarrollo de estándares", necesitamos crear nuestros
documentos con el formato estándar XHTML, es decir, con la extensión del lenguaje de
marcado hipertextual (eXtensible HyperText Markup Language). Alg
Página siguiente |