Html

HTML
Lenguajes de Internet

Hipertexto
¿Qué es HTML?
HTML : HyperText Markup Language Lenguaje de Marcación de Hipertexto Es un lenguaje de programación que permite describir hipertexto, es decir, texto presentado de forma estructurada y en un formato plano, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información, y con inserciones multimedia (gráficos, sonido)¿Qué es HiperTexto?
• HiperTexto es texto el cual no está limitado a ser lineal • HiperTexto es texto que contiene enlaces/ligas a otros textos ¡ ¡ La idea de Hipertexto fue desarrollada por Ted Nelson en 1968 ! !

2

Historia
Historia
HTML fue creado en 1989 por el físico nuclear TIM BERNERS-LEE el cual propuso diseñar un sistema de unificación del acceso a todos los datos que poseía elCentro Europeo para la Investigación Nuclear (CERN). Se comenzó así a desarrollar una plataforma de tipo hipertexto y un protocolo de comunicaciones que se denominó: HTTP (Hyper Text Transfer Protocol) que permitiría a los científicos del CERN, consultar información aunque se encontrase diseminada en diferentes computadoras, tanto del propio CERN, como en las computadoras de otros centros deinvestigación. Fue tal el éxito alcanzado que se comenzó a definir un lenguaje de creación de documentos estructurados que vino a llamarse:

HTML

HTML
HTML en el Tiempo
1992: HTML 1.0, Tim-Berners Lee propuesta original 1993: HTML+, algunas mejoras 1994: HTML 2.0, nuevo estándar con mejores características 1995: Versión de Netscape (no estándar) 1996: Compiten Netscape y Explorer concaracterísticas propias 1996: HTML 3.2, Estándar para todos los navegadores 1997: HTML 4.0, se introducen las Hojas de Estilo 1999: HTML 4.01, Ultima versión 2000: XHTML 1.0, una versión XML de HTML 4.01 2001: XHTML 1.1, modularización 2002: XHTML 2.0, simplificado y generalizado

4

HTML
Características
• • • • Se base en diseños simples Está basado en etiquetas (tags) que agregan atributos aldocumento HTML describe un documento con una estructura lógica Los navegadores son libres de interpretar las etiquetas (tags) de forma diferente • Los archivos HTML son de formato ligero (tamaño muy reducido) El tamaño de un archivo conteniendo sólo la frase ”Hello World!” tiene diferentes tamaños dependiendo de su formato:
Tipo Tamaño (bytes)

HTML MS Word PDF Postscript

WWW
WWW = World Wide Web– Red Mundial Internet

• La Web nació alrededor de 1989 a partir de un proyecto del CERN • Tim Berners-Lee construyó el prototipo que dio lugar a lo que hoy es la WWW. • La intención original era hacer más fácil el compartir textos de investigación entre científicos • El programa inicial del CERN, WWW sólo presentaba texto • Navegadores web posteriores, como Viola (1992) añadieron la capacidad depresentar gráficos • WWW permite hoy incluso servicios en tiempo real como webcasts, radio web y webcams en directo

6

URL
URL = Uniform Resource Locator
Un recurso en la Web es localizado mediante su URL

http://www.w3.org/TR/html4/index.html
protocolo servidor/Dominio directorio documento

ftp://server.com/public/progs/graficos.zip
protocolo servidor/Dominio directorio archivoEl protocolo puede ser uno de los siguientes y depende del servicio: • • • • •

http https ftp mailto news

HTML
Arquitectura de HTML
Un documento HTML está formado por los elementos: • • • • • Títulos Párrafos Listas Tablas etc

Para delimitar los elementos se usan etiquetas (tags): Elementos
Cierra etiqueta Abre etiqueta

8

Estructura de HTML
Estructura básica de un documentoHTML

. . . . . . . . . . . .

Inicio del documento HTML

Encabezado/Titulo de la página

Cuerpo del Documento HTML

Fin del documento HTML

9

Estructura de HTML
Ejemplo

Lenguajes de Internet Primer Ejemplo HTML Ejemplo de pagina de Lenguajes de Internet. Aqui se muestran las partes basicas de un documento HTML. Esta pagina puede ser vista con cualquier...