Elementos de Computacin EC2644 www'lip'uns'edu'arec2644 captulo 4 HTML

1
Elementos de Computación - EC2644 -
www.lip.uns.edu.ar/ec2644 capítulo 4 - HTML
capítulo 4 H T M L
2
Elementos de Computación - EC2644 -
www.lip.uns.edu.ar/ec2644 capítulo 4 - HTML
Finalizando el capítulo anterior se listaba
someramente la secuencia de eventos típicos que
configuran el acceso a una página web
a) el usuario digita una URL (universal resource
locator) en el navegador. b) El navegador se
conecta vía su ISP (internet service provider)(el
administrador de su punto de entrada a la
interred) a un DNS (domain names server) para
obtener la dirección IP (internet protocol)
correspondiente (el servcio de DNS es también una
aplicación de modelo cliente/servidor). c) El DNS
devuelve la dirección IP solicitada
correspondiente a la URL. d) El navegador
requiere vía su ISP una conexión HTTP (hypertext
transfer protocol) al servidor de páginas web en
la dirección IP obtenida. e) Establecida la
conexión, el navegador solicita al servidor una
página HTML (hypertext markup language)(página
web) en particular. Una vez que la página se ha
descargado en el cliente la conexión termina.
Luego es volcada a pantalla.
Como se explicó en la oportunidad, prácticamente
todos los neologismos resaltados en negrita
corresponden a denominaciones de convenciones
establecidas por normas y adoptadas en la jerga
profesional de quienes actuan en el terreno de
las interredes.
En este capítulo el foco se va a centrar en la
norma que establece cómo redactar una página web,
es decir, qué debe contener un archivo para que,
al ser cargado en un cliente de páginas web (un
navegador), se obtenga la presentación visual
deseada por su diseñador. La norma define un
lenguaje el HTML (hypertext markup language)
(languaje de marcaje de hipertexto).
3
Elementos de Computación - EC2644 -
www.lip.uns.edu.ar/ec2644 capítulo 4 - HTML
En 1er lugar es importante conocer la
arquitectura interna básica de un cliente de
páginas web.
cliente HTTP
mouse
Ctrl.
cliente FTP
teclado
cliente SMTP
Ctrl.
caché
intérprete HTML
monitor
NIC
intérprete JavaScript
sonido
Conexión de red
HTTP hypertext transfer protocol NIC network
interface card FTP file transfer protocol HTML
hypertext markup language SMTP simple mail
transfer protocol caché memoria interna de corto
plazo
glosario
4
Elementos de Computación - EC2644 -
www.lip.uns.edu.ar/ec2644 capítulo 4 - HTML

• Los clientes HTTP, FTP y SMTP (estos dos últimos
  opcionales, SMTP más que FTP) son componentes
  internos del navegador web que tienen la misión
  de establecer conexiones virtuales confiables con
  los respectivos servidores para
• transferir páginas web (HTTP)
• intercambiar archivos (FTP)
• intercambiar correo electrónico (SMTP)

cliente HTTP
cliente FTP
cliente SMTP
NIC
Conexión de red
Estos clientes se entienden con los respectivos
servidores mediante los protocolos normalizados
mencionados. Establecida cada conexión
confiable, es decir, abierto un canal de diálogo,
circulan a su travéz, bien páginas web, bien
archivos o bien email. Para el caso de páginas
web, cliente y servidor HTTP se conectan y, sobre
ese canal, se transfieren luego los archivos
redactados de acuerdo al standard HTML.
cliente HTTP
servidor HTTP
html
html
html
html
html
html
html
html
-1
5
Elementos de Computación - EC2644 -
www.lip.uns.edu.ar/ec2644 capítulo 4 - HTML
Transferido un archivo HTML del servidor al
cliente web, es almacenado en la memoria caché,
desde donde es tomado linea por línea por el
intérprete HTML, que de inmediato comienza su
trabajo de traducción y presentación audiovisual
de la computadora. Cada línea del archivo tiene
un significado unívoco establecido en el
standard, que el intérprete comprende y de
inmediato traduce en órdenes apropiadas -en
binario- para la CPU.
caché
intérprete HTML
Ctrl.
monitor
sonido
Todas las flechas del diagrama del slide previo
son bidireccionales, mientras que las de éste son
unidireccionales. Qué cree que signifique ?
ltHTMLgt ltHEADgt ltTITLEgt HTML ejm. 9 - frames -
panel superior lt/TITLEgt lt/HEADgt ltBODY
BGCOLOR'FFCC99'gt ltBASEFONT SIZE'5'gt
ltCENTERgtltH1gt9no. ejemplo de HTML - ltIgtFRAMESlt/Igt
- Panel superior.lt/H1gt lt/BODYgt lt/HTMLgt
Un archivo típico redactado de acuerdo al
standard HTML luce como el mostrado a la derecha
y, lo que irá presentando a partir de ahora, son
los rudimentos para su creación.
6
Elementos de Computación - EC2644 -
www.lip.uns.edu.ar/ec2644 capítulo 4 - HTML
Una 1er cuestión a considerar es que un archivo
HTML es un archivo de texto y, como tal, puede
ser editado con cualquier aplicación destinada a
tal fin, sin ir más lejos, el block de notas
(notepad) provisto por MSWindows.
Cabe mencionar que hay muchisimas aplicaciones
para MSWindows y para otros sistemas operativos
destinadas a crear páginas web desde una interfaz
visual sin requerir la redacción de una sola
línea de texto. Un caso típico es el MS
FrontPage. Estas aplicaciones automatizan en
cierta manera la redacción del archivo HTML. En
efecto, los archivos creados mediante MS FronPage
son textos HTML pero el usuario de la aplicación
no se ve enfrentado a los mismos. Solo al aspecto
visual que estos textos producen.
En este curso se ejemplifica, promueve y exige el
uso de editores de texto plano para editar
documentos HTML. No se admite el uso de otras
aplicaciones para crear páginas web.
-2
7
Elementos de Computación - EC2644 -
www.lip.uns.edu.ar/ec2644 capítulo 4 - HTML
HTML es un estándar para instruir a los
navegadores web acerca de cómo presentar
información de contenido audiovisual con
hipervínculos, dejando al navegador libertad de
varios detalles de la visualización. HTML
especifica la estructura del documento a
presentar y brinda pistas al navegador sobre su
formato. HTML se vale de etiquetas
estandarizadas para comunicar al intérprete
correspondiente el aspecto de la presentación.
Estas etiquetas vienen normalmente de a pares,
una de apertura y una de cierre. Por
ejemplo ltFONT COLORREDgt lt/FONTgt
La de apertura pone en vigencia alguna
característica predefinida y la de cierre le da
fin. Esta estructura posibilita la definición de
sectores jerarquizados de validez para valores de
algunas características.
ltFONT COLORGREENgt lt/FONTgt
ltFONT COLORBLUEgt lt/FONTgt
ltHTMLgt lt/HTMLgt
En general, un documento HTML consta de dos
partes una cabecera y un cuerpo, todo encerrado
entre etiquetas ltHTMLgt y lt/HTMLgt que enmarcan el
inicio y fin del documento.
ltHEADgt lt/HEADgt
ltBODYgt lt/BODY gt
8
Elementos de Computación - EC2644 -
www.lip.uns.edu.ar/ec2644 capítulo 4 - HTML