HTML






Páginas Web
HTML
Ingº Roger E. Alarcón García
® 2006

LENGUAJE HTML

INTRODUCCIÓN

El World Wide Web (WWW) es un sistema que contiene una cantidad de información casi infinita. Pero esta información debe estar ordenada de alguna forma de manera que sea posible encontrar lo que se busca. La unidad básica donde está almacenada esta información son las páginas Web. Estaspáginas se caracterizan por contener texto, imágenes, animaciones... e incluso sonido y video.

Una de las características más importantes de las páginas Web es que son hipertexto. Esto quiere decir que las páginas no son elementos aislados, sino que están unidas a otras mediante los links o enlaces hipertexto. Gracias a estos enlaces el navegante de Internet puede pulsar sobre un texto de unapágina para navegar hasta otra página. Será cuestión del programador de la página inicial decidir que palabras o frases serán las utilizadas para enlazarse y a donde nos conducirá pulsar sobre ellas.

En algunos ambientes se discute que el World Wide Web ya no es un sistema hipertexto sino hipermedia. Los que defienden el cambio se apoyan en que aunque en sus orígenes el WWW constaba únicamente detexto en la actualidad es un sistema principalmente gráfico y se puede hacer que las enlaces sean, no sólo texto, sino imágenes, videos, Botones,... en definitiva cualquier elemento de una página.

¿QUE ES HMTL?
HTML es el acrónimo de HyperText Markup Language, esto quiere decir un Lenguaje de Marcado de HiperTexto basado en etiquetas, el cual contiene enlaces que nos permiten navegar entrelos diferentes documentos y recursos web de nuestro u hacia otros servidores.
Los navegadores WWW leen estos archivos de texto e interpretan estas etiquetas para determinar cómo desplegar la página Web.

Para utilizar etiquetas en HTML se deben encierran entre < y >, su estructura en la página web es:



o bien estas otras:

TEXTO
TEXTO

La primera está formada por una solainstrucción, es decir, una sola etiqueta de apertura, en cambio la segunda y tercera presentan una etiqueta de apertura y otra de cierre, todo el texto escrito entre ambas es afectado por la etiqueta definida.

La tercera aún especifica ciertos atributos que se pueden manipular de la etiqueta como se verá posteriormente, se tendría que agregar el nombre del atributo, el signo igual y su valorcorrespondiente, y pueden ser varios atributos los que se especifiquen en una etiqueta.

ESTRUCTURA DE UNA PAGINA HTML

Básicamente consta de cuatro pares de etiquetas:



Ejemplo 1:


Universidad Nacional Pedro Ruiz Gallo


Agregar imágenes, fondo y el menú de opciones.
Lo que visualizará nuestra página


Nota: Almacenar esta información con el nombre de ejemplo1.html oejemplo1.htm

Etiqueta HTML

Esta etiqueta y especifican el inicio y el fin del documento web, dentro de estas se incluyen todas las demás etiquetas necesarias para mostrar la información que se requiera en la página.
Etiqueta HEAD

La etiqueta y especifican la cabecera de la página web, en la que se incluye la etiqueta y para especificar el título de la página, pero también sepuede especificar otras etiquetas como por ejemplo que permite especificar palabras claves, fechas, autor, descripción, etc, que sirven para los buscadores.


ETIQUETA

Parámetros incluidos en esta etiqueta:

LINK=”#rrggbb” especifica el color de los enlaces.
VLINK=”#rrggbb” especifica el color de los enlaces visitados.
ALINK=”#rrggbb” especifica el color de los enlaces al activarse.Ejemplo:



Parámetros de Body



Este es un enlace Pulsa aquí
OTRO enlace Pulsa aquí



TRABAJANDO CON TEXTO

Encabezados

Existen 6 diferentes niveles de encabezados:

Texto de mayor importancia (mas grande)
....
....
Texto de menor importancia (mas pequeño)

Ejemplo:



Tratamiento de Texto


TITULO DE LA PAGINA
SUBTITULO
NIVEL 3
NIVEL 4...