Universitario

Internet, el instrumento esencial de la diplomacia del siglo XXI

INTRODUCCIÓN AL DISEÑO DE PÁGINAS WEB
1. Nociones básicas de HTML: las etiquetas
Para comenzar, se verá que el HTML es un lenguaje que se basa en SGML (estándar
internacional para la definición de métodos de representación de texto en forma electrónica no ligados
a ningún sistema ni a ningún dispositivo), lo que quiere decirque todo irá encerrado entre dos
etiquetas, normalmente, una que indica el comienzo de algún elemento del documento y otra que
indica el final del mismo. Estas son de la forma:




Cada una va entre los signos de “menor que” (). Como podemos ver, para
cerrar el elemento irá una “barra” (/) después de la indicación de comienzo de una etiqueta. Al
principio y final del texto tenemos laetiqueta HTML, que indica que estamos ante una página Web
programada en HTML.
Indica el comienzo de un documento en formato HTML.
Indica el final del documento.
Estas dos etiquetas siempre aparecerán en los ficheros programados en HTML para indicarle al
navegador que lo que está interpretando es lenguaje HTML.

1.1. El interior de un documento
Como se ha comentado en el apartado anterior,toda página en HTML tendrá al principio la
etiqueta y al final . El interior del documento se compone de una cabecera (head)
y un cuerpo (body). En la cabecera se pondrá la información relativa a la página y en el cuerpo, el
contenido de ésta. Al igual que sucede con el conjunto de la página en HTML, cada una de estas partes
tiene su etiqueta de comienzo y fin (ver el ejemplo).
Dentro de lacabecera se puede poner el título de la página de la siguiente forma:
Título de nuestra página Web
Más adelante, cuando se tengan los conocimientos básicos, se comentarán algunas cosas más
que se pueden hacer con las cabeceras.
En el cuerpo irá la información que se verá en la pantalla del navegador y por lo tanto, la
mayoría de las etiquetas que veremos en el resto del seminario.Introducción al diseño de páginas Web

-1-

Internet, el instrumento esencial de la diplomacia del siglo XXI

Ejemplo de una página Web básica:


Título de mi página


Esta podría ser mi primera página Web, creada en lenguaje HTML.



1.2. Listado de etiquetas para utilizar como referencia en HTML
Etiquetas básicas
Crea un documento HTML.
Muestra el título y otro tipo de informaciónque no se muestra en la propia página
Web.
Muestra la parte visible del documento.

Etiquetas del encabezado
Sitúa el nombre del documento en la barra de título.

Atributos del cuerpo del texto
Determina el color del fondo, utilizando un nombre o un valor hexadecimal.
Por ejemplo:


Determina el color del texto, mediante un nombre o un valor hexadecimal.
Determina el color delos enlaces, mediante un nombre o un valor hexadecimal.

Introducción al diseño de páginas Web

-2-

Internet, el instrumento esencial de la diplomacia del siglo XXI

Determina el color de los enlaces visitados, mediante un nombre o un código
hexadecimal.
Determina el color de los enlaces activos.
Etiquetas de texto

Los atributos básicos de la etiqueta FONT son tres:
-

SIZE:determina el tamaño de la fuente, de 1 a 7.
FACE: indica la fuente que se desea utilizar. Puede escoger cualquier tipo de fuente que desee
que aparezca en su página.
COLOR: determina el color de la fuente, mediante un nombre o un código hexadecimal.

Por ejemplo:


Crea un texto en negrita.
Crea un texto en cursiva.
Crea encabezados. Hay seis niveles de encabezados, de H1 (el más grande)a H6 (el más
pequeño).
Enlaces
Crea un hipervínculo.
Por ejemplo:
Chino

Crea un enlace mailto.
Por ejemplo:
Envíe un mensaje

Enlaces específicos
Mismo sitio, misma página:

Introducción al diseño de páginas Web

-3-

Internet, el instrumento esencial de la diplomacia del siglo XXI

Enlaza con el destino deseado desde cualquier otro punto del documento.
Crea un punto...