CONCEPTOS BÁSICOS SOBRE HTML

U2 - INTRODUCCION HTML

0. LENGUAJES DE MARCAS 2

Qué son los lenguajes de marcas

El lenguaje de marcas o de marcado (Markup

Language), también denominado lenguaje de anotaciones o de etiquetas, se define como un conjunto de reglas para estructurar y dar formato a un documento electrónico.

Estructura de texto y forma de representarlo

Suelen utilizar etiquetas para definir el inicio y el final de un elemento: un párrafo, un título, un elemento subrayado, etc.

0. LENGUAJES DE MARCAS 3

Un lenguaje de marcado cumple con dos objetivos esenciales para diseñar y procesar un documento digital:

1. Separa un texto en los elementos en los que se compone, como por ejemplo un párrafo, un capítulo, etc.

2. Especifica las operaciones tipográficas y funciones que debe ejecutar el programa visualizador sobre dichos elementos.

Define cuáles son las etiquetas, donde colocarlas y significado de cada una.

Las operaciones tipográficas son instrucciones de formato que se aplican a cada uno de los elementos de un documento digital, por ejemplo, imprimir un título en cursiva, etc.

0. LENGUAJES DE MARCAS 4

Los lenguajes de marcas más utilizados son HTML y XML, ambos basados en el metalenguaje SGML (Standard Generalized Markup Language).

Otros: XHTML HTML Extendido

TeX

LaTeX

DocBook

MathML

XSL

1. ¿Qué es HTML? 5

“ HTML es lo que se utiliza para crear todas las páginas web de Internet“

Estándar de marcado pensado para compartir información usando redes de computadores, de forma más general, a través de Internet.

El nombre HTML está formado por las siglas de HyperText Markup Language

Estándar reconocido en todo el mundo definido por W3C (World Wide Web Consortium)

“Lenguaje reconocido universalmente y que permite publicar información de forma global".

Como se trata de un estándar reconocido por todas las empresas relacionadas con el mundo de Internet, una misma página HTML se visualiza de la misma manera en cualquier navegador de cualquier sistema operativo.

Caracterizado por la sencillez del lenguaje y del SW para interpretarlo.

Diferencia con los lenguajes de programación

No tienen funciones aritméticas o variables

2. Breve historia de HTML 6

El origen de HTML se remonta a 1980

Tim Berners-Lee propuso sistema de "hipertexto" para compartir documentos

Tim Berners-Lee junto con Robert Cailliau presentaron W3 (WorldWideWeb) como un sistema de hipertexto para Internet

En 1991 se publicó el primer documento formal con la descripción de HTML bajo el nombre "HTML Tags“ (Etiquetas HTML)

En 1993 se realiza la primera propuesta oficial para convertir HTML en un estándar por parte del organismo IETF (Internet Engineering Task Force) → Ninguna de las propuestas (HTML y HTML+) consiguieron convertirse en estándar oficial

Se definieron etiquetas para imágenes, tablas y formularios

En 1995 el IETF publica HTML 2.0, primer estándar oficial de HTML

2. Breve historia de HTML 7

A partir de 1996 los estándares HTML los publica W3C

La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C

Applets de Java y texto que fluye alrededor de las imágenes

El 24 de Abril de 1998 se publica HTML 4.0

Hojas de estilo, posibilidad de incluir scripts, mejora en la accesibilidad, tablas complejas, mejoras en formularios

El 24 de Diciembre de 1999 se publicó la última especificación oficial de HTML, HTML 4.01 → no incluye novedades significativas

W3C se centró en el desarrollo del estándar XHTML

En 2004, Apple, Mozilla y Opera decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).

En la actualidad WHATWG se centra en HTML 5 cuyo primer borrador oficial se publicó el 22 de enero de 2008.

2. Breve historia de HTML 8

En marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.

W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML

La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).

XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML.

La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.

3. Especificación oficial 9

El organismo W3C (World Wide Web Consortium)

elabora las normas que deben seguir los

diseñadores de páginas web para crear las

páginas HTML.

Especificación oficial de HTML 4.01

Especificación oficial de XHTML 1.0

4. HTML y XHTML 10

XHTML no es más que una adaptación de HTML al lenguaje XML

Actualmente, entre HTML 4.01 y XHTML 1.0, la mayoría de diseñadores escogen XHTML. En un futuro cercano, si los diseñadores deben elegir entre HTML 5 y XHTML 1.1 o XHTML 2.0, quizás la elección sea diferente.

Figura 1.1. Esquema de la evolución de

HTML y XHTML

SGML

Standard Generalized Markup Language o "Lenguaje de

Marcación Generalizado". Consiste en un sistema para la

organización y etiquetado de documentos.

El lenguaje SGML sirve para especificar las reglas de

etiquetado de documentos y no impone en sí ningún

conjunto de etiquetas en especial.

5. HTML y CSS 11

Originalmente, las páginas HTML sólo incluían información sobre sus contenidos de texto e imágenes.

Con el desarrollo del estándar HTML, las páginas empezaron a incluir también información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes.

Con la aparición de tecnologías como JavaScrip, las páginas HTML también incluirían el código de las aplicaciones llamadas scripts que se utilizan para crear las aplicaciones web dinámicas.

Incluir en una misma página HTML los contenidos, su diseño y su programación sólo presenta inconvenientes (de mantenimiento y actualización de la página). Contenidos y diseño son tareas que suelen realizar diferentes personas, por lo que es conveniente separar los contenidos y su presentación.

Dificultad

mantenimiento

5. HTML y CSS 12

CSS es el mecanismo que permite separar los contenidos definidos

mediante XHTML y el aspecto que deben presentar esos contenidos

Ventaja añadida de la separación de contenidos y su presentación:

los documentos XHTML creados son más flexibles, se adaptan mejor

a las diferentes plataformas (pantallas de ordenador y de móviles,

impresoras, etc.)

De esta forma, utilizando exclusivamente XHTML se crean páginas

web "feas" pero correctas. Aplicando CSS, se pueden crear páginas

"bonitas" a partir de las páginas XHTML correctas.

Figura 1.2. Esquema de la separación de los contenidos y su presentación