0% encontró este documento útil (0 votos)
12 vistas12 páginas

0 - Introducción Al HTML

Repaso sobre conceptos básicos de HTML. Introducción

Cargado por

bog
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
12 vistas12 páginas

0 - Introducción Al HTML

Repaso sobre conceptos básicos de HTML. Introducción

Cargado por

bog
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 12

0 - INTRODUCCION HTML

CONCEPTOS BÁSICOS SOBRE 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

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.

Figura 1.1. Esquema de la evolución de


HTML y XHTML

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.
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.)

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

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.

También podría gustarte