Paginas web

Hipertexto y Estructura General de un documento HTML

Documentos HTML

• Los archivos HTML son sólo texto (ascii plano).
• Contienen el texto del documento.
• Contienen etiquetas que indican cuál es la estructura del documento, los vínculos internos y externos, y la inclusión de gráficos y multimedios.
• La relación entre texto y etiquetas es generalmente la siguiente:

textoafectado


Elementos esenciales en un documento HTML

El siguiente archivo

Introduccion al html

Introducción al HTML
y a la Programación de
páginas WEB

producirá el siguiente resultado en un navegdor:


NO SE ASUSTE !
• La mayor parte de las veces no es necesario trabajar directamente en el archivo HTML.
• Gran parte de los utilitarios ynavegadores incluyen la posibilidad de editar documentos HTML en la modalidad ``WYSWYG''.
• También existen convertidores de formatos tradicionales a HTML.

Estructura de archivos HTML

El formato y la disposición del archivo no influyen en el resultado. Todos los siguientes fragmentos de entrada

Fragmento 1 Fragmento 2 Fragmento 3
El navegador ignora
líneas y espacios en
blancoen el archivo. El navegador ignora líneas

y espacios en
blanco en el archivo. El navegador ignora
líneas y espacios en
blanco en el archivo.

producirán el mismo fragmento de salida.

El navegador ignora líneas y espacios en blanco en el archivo.


Ejemplo de Página Web



Lo que muestra el navegador El archivo HTML
Un ejemplo de página web.Titulo de la pagina

Un ejemplo de página web .



Estructura de archivos HTML (cont.)

Las etiquetas utilizadas son:

Comienzo y fin del documento HTML.
Encabezado del documento. Contiene información de la descripción del documento.
Título que figura en la barra del navegador.
Comienzo y fin del contenido de la página.
El texto demarcado ennegritas.
á a minúscula con tilde (se usan secuencias similares para otros caracteres especiales).

Etiquetas HTML Básicas

Etiquetas de formato de texto

Salida Etiquetas requeridas
El texto en negritas. El texto en negritas.
El texto en itálicas. El texto en
itálicas.
El texto en formato teletipo. El texto en
formato teletipo.
El texto en 2 tamaños más grandes yen rojo. El tamaño puede ser un valor absoluto en el rango 1..7. El
texto en 2
tamaños más
grandes y en rojo. El tamaño
puede ser ...
Utilizar la dirección de e-mail
claudio@acm.org
para contactarme. Utilizar la dirección
de e-mail
claudio@acm.org
para contactarme.

Etiquetas de encabezamientos


Salida Etiquetas requeridas
EncabezadoH1 Encabezado H1
Encabezado H3 Encabezado H3
Encabezado H6 Encabezado H6
Las etiquetas de encabezado generan automáticamente un fin de línea.

Salida Etiquetas requeridas
Justo antes del encabezado.
Un encabezado H2
Justo después del encabezado. Justo antes del encabezado.
Un encabezado H2
Justo después del
encabezado.


Párrafos, fin de línea y comentarios

SalidaEtiquetas requeridas
Última oración del párrafo.
Primera oración del nuevo párrafo. Última oración ...

Primera oració del ...
Una oración
sobre otra. Una oración

sobre otra.

Observar que estas etiquetas no son bilaterales.
Los comentarios dentro de un archivo HTML se delimitan del siguiente modo:


Un ejemplo de página WEB

El siguiente ejemploes el contenido del archivo eje2.htm en el directorio corriente:


Página de ejemplo


Encabezado
Primer párrafo debajo del encabezado.
Un encabezado en dos renglones
Párrafo con partes en negrita


Ver el ejemplo.

Etiquetas de formato lógico


Salida Etiquetas requeridas
La siguiente es una cita. La siguiente es una
cita.>...