UD2_HTML_1

UD2:
El Lenguaje de marcado HTML

IES Enrique Tierno Galván (Parla)

Contenido
Introducción
¿Qué es HTML?
Versiones HTML
Características del HTML
Etiquetas/Atributos
Estructura de un documento
Definición de Tipos de Documentos (DTD)
Cabecera de un documento HTML
Cuerpo de un documento HTML
Elementos de HTML
Títulos/Cabeceras
Tamaños/tipos de letra
Texto en color
Cambios de párrafoy de línea
Enmarcado de texto
Texto preformateado
Otros efectos en el texto
Contenido de la cabecera
Etiqueta meta. Atributos (name, link, script, style, ..)

2

Introducción
En Español se traducen (HTML):
LENGUAJE DE MARCACIÓN DE HIPERTEXTO.
HTML (HyperText Markup Language)
Fue creado en 1990 por el físico nuclear TIM
BERNERS-LEE el cual propuso diseñar un sistema de
unificación delacceso a todos los datos que poseía el
Centro Europeo para la Investigación Nuclear.(CERN)

3

Introducción
Se comenzó así a desarrollar una plataforma de tipo
hipertexto y un protocolo de comunicaciones que se
denominó:
HTTP (Hyper Text Transfer Protocol)
Protocolo de transferencia de Hipertexto
Que permitía a todos los científicos del CERN, consultar
cualquier información de cualquier tema, aunquese
encontrase diseminada en los diferentes ordenadores, tanto
del propio centro, como en los ordenadores de las
diferentes instituciones que colaboraban con el CERN.
El sistema alcanzó un éxito enorme, tanto es así que se
comenzó a definir un lenguaje de creación de documentos
estructurados que vino a llamarse HTML
4

Introducción
Actualmente HTML es un Estándar Internacional (ISO/IEC
15445:2000),y es mantenido por el World Wide Web
Consortium (W3C) .
El Word Wide Web Consortium, (W3C) es un consorcio
internacional donde las organizaciones miembro, personal
a tiempo completo y el público en general, trabajan
conjuntamente para desarrollar estándares Web.
http://www.w3c.es/

5

¿Qué es HTML?
HTML es estandarizado y multiplataforma.
Un documento preparado utilizando marcas HTML puede
serleído utilizando una variedad de navegadores Web,
como FireFox, Chrome, Opera, Netscape, o Explorer.
No conviene abusar de las
capacidades específicas de un único
navegador. Es mejor utilizar una
versión estándar del lenguaje, y
desarrollar las páginas probándolas
con los navegadores comerciales
más utilizados.

Evolución en la
utilización de los
Navegadores web

Cuota de mercado de
Navegadoreswebs.
6

¿Qué es HTML?
Es un lenguaje de marcas o etiquetas muy sencillo que
permite describir hipertexto ( idea deTed Nelson ), es
decir, texto presentado de forma estructurada y agradable,
con enlaces (hyperlinks) que conducen a otros
documentos o fuentes de información relacionadas, y con
inserciones multimedia (gráficos, sonido...)

7

¿Qué es HTML?
La descripción se basa en especificar en eltexto la
estructura lógica del contenido (títulos, párrafos de
texto normal, enumeraciones, definiciones, citas,
etc) así como los diferentes efectos que se quieren
dar (especificar los lugares del documento donde se
debe poner cursiva, negrita, o un gráfico determinado)
y dejar que luego la presentación final de dicho texto
se realice por un programa intérprete especializado
(como Chrome, MozillaFirefox…).

8

¿Qué es HTML?
Los documentos HTML son ficheros de texto
(ASCII) que se pueden crear con cualquier editor de
texto (notepad, vi, emacs, ...)
No obstante, escribir y mantener un gran número de
páginas a mano requiere esfuerzo y conocimiento en
profundidad de HTML. Para evitar este problema
existen editores visuales como Macromedia
Dreamweaver, Microsoft FrontPage, etc., que permiteneditar páginas Web de una forma similar a como se
edita un documento de texto.
9

¿Qué es HTML?
Sin embargo, estos editores pueden llegar a generar
código HTML de muy baja calidad sobre el que tarde o
temprano habrá que realizar una operación de
limpieza y reestructuración, utilizando un editor de
texto.
La extensión de los ficheros que contienen código
HTML es .html o .htm.

10

Versiones de...