HTML
HTML son las siglas de HyperText Markup Language y hacen referencia al lenguaje de
marcado utilizado para la creación de páginas web. El lenguaje está considerado como
el lenguaje más importante y determinante en la aparición, desarrollo y expansión de
la World Wide Web, cuyas siglas son WWW.
HTML es un estándar del World Wide Web Consortium, conocido comúnmente por las
siglas W3C. Actualmente, HTML, es el estándar que se ha impuesto en la creación y
visualización de páginas webs y es utilizado por todos los navegadores web, tales
como Internet Explorer, Mozilla, Chrome, etc.
Un navegador web es un programa que permite visualizar páginas webs. El navegador
interpreta el código HTML en el que está escrita la página web y la visualiza
permitiendo la interacción y la navegación por ella.
Historia
Los inicios de HTML surgen en el CERN (Centro Europeo de Investigación Nuclear) a
cargo de Tim Berners-Lee intentando resolver la problemática del acceso a la
información con la que trabajaban desde cualquier ordenador del centro o desde otras
instituciones colaboradoras. Básicamente, lo que intentaban buscar era una forma
sencilla y estándar de acceder a toda la información que tenían de forma remota. Fue
justo en ese momento cuando nació HTML.
HTML está basado en un lenguaje de marcado llamado Standard General Markup
Language (SGML), que define las reglas de etiquetado y las estructuras que deben de
tener los documentos.
Tim Berners-Lee desarrolló el sistema de forma interna en el CERN, y junto a Robert
Cailliau, compañero suyo en el CERN, presentó una propuesta para desarrollar el
sistema para Internet a la que llamaron World Wide Web (W3).
La primera versión de HTML nació en 1989 e incluía conceptos básicos como por
ejemplo cómo insertar títulos, texto, enlaces y listas. Además, también nació el primer
navegador con capacidad de visualizar páginas HTML, el "WorldWideWeb".
Posteriormente siguieron apareciendo más navegadores.
En octubre de 1994, y tras numeras conversaciones entre Tim y el MIT (Instituto de
Tecnología de Massachusetts), se crea el World Wide Web Consortium (W3C), con el
objetivo de definir estándares para internet.
El proyecto W3 se empezó a extender por todo el mundo y en 1995 apareció la
segunda versión de HTML, HTML 2.0, desarrollada por Internet Engineering Task
Force (IETF). Esta versión de HTML se considera la primera versión estándar del
lenguaje ya que fue definida por un organismo oficial.
Ese mismo año, 1995, el W3C empieza a trabajar en el borrador de lo que será HTML
3.0, que nunca llegó a ser oficial y se quedó como borrador para siempre,
probablemente porque uno de los principales objetivos que tenían era que fuese
compatible con todo lo que se había creado hasta entonces, algo bastante más teórico
que práctico.
En enero de 1997 la versión HTML 3.2 ve la luz y se convierte en la primera versión de
HTML ampliamente extendida y utilizada en la red. El gran éxito de la versión 3.2
respecto a la versión 3.0 es que dejó de lado muchos aspectos teóricos y se centró en
ser una versión más práctica. El gran problema de la versión 3.2 es que dejó muchos
aspectos del lenguaje abiertos y derivó en una lucha entre los diferentes fabricantes de
navegadores para extender el lenguaje con elementos no estándares.
La W3C intentó poner orden respecto a los desarrollos de navegadores realizando la
publicación de HTML 4.0 en 1998 y HTML 4.01 en 1999. La versión 4.01 fue el inicio
de la separación entre la estructura del documento y la representación visual, creando
así un nuevo lenguaje llamado CSS. La versión 4.01 es la versión más longeva del
estándar.
En el año 2004 y estando la W3C inmersa de nuevo en trabajos teóricos, un grupo de
personas creó un grupo paralelo denominado Web Hypertext Application Technology
Working Group (WHATWG) y empezaron a trabajar en HTML5, algunos los
consideraron disidentes y otros oportunistas. Según ellos, W3C siempre ha tenido
unos procesos de estandarización muy largos y no alineados a las necesidades del
mercado. Los objetivos principales de HTML5 eran los siguientes:
◦ Compatibilidad con todo lo ya creado.
◦ Absorción de todas las funcionalidades que los fabricantes de navegadores
habían desarrollado por su cuenta.
En 2007 la W3C aparcó todos sus trabajos teóricos y empezó a trabajar en la
estandarización de HTML5, incluyendo los trabajos realizados por WHATWG. En
octubre de 2014 el estándar HTML5 es publicado y se empieza a trabajar en lo que
será HTML 5.1, siendo actualmente un borrador no estandarizado.
Sintaxis
HTML es un lenguaje de marcado que se basa en etiquetas para la definición de los
diferentes elementos que componen la página web.
¿Cómo funcionan los lenguajes de marcado? La mejor forma de explicártelo es
mediante un ejemplo práctico.
Supongamos que tenemos un elemento llamado elemento y que queremos utilizarlo
dentro de la página web, lo haríamos de la siguiente forma:
<NombreElemento >
Contenido
</NombreElemento >
Veámoslo en detalle:
• El tipo de elemento que estamos definiendo vendrá identificado por el nombre del
mismo, es decir, por NombreElemento.
◦ Todos los elementos se definen entre los símbolos elemento.
◦ menor que "" y mayor que "›",
◦ Para indicar el comienzo de un elemento basta con añadir su nombre entre los
símbolos menor que y mayor que: < NombreElemento>.
Para indicar el fin de un elemento basta con añadir su nombre precedido de
una barra invertida al que al principio y entre los símbolos menor que y mayor
que: </NombreElemento>.
Existe la posibilidad de utilizar elementos sin necesidad de utilizar una etiqueta
para apertura y otra para el cierre.
La forma de utilizar estos elementos es añadiendo la barra invertida justo antes
del símbolo mayor que. A continuación te mostramos un ejemplo:
‹NombreElemento/>
HTML posee elementos/etiquetas para multitud de cosas, por ejemplo, para
poner en negrita un texto, para añadir una lista o una tabla, etc. Aprenderlo es
simple, lo primero es conocer la estructura básica de un documento HTML y lo
segundo es aprender qué etiqueta se corresponde con qué elemento.
Una de las características que tienen los elementos HTML es que pueden
incluir atributos que aportarán cierta funcionalidad o configuración a los
elementos. La definición de los atributos se hace de la siguiente forma:
< NombreElemento atributo="valor">
Los atributos de los elementos siguen la estructura de nombre-valor y tienen
que ser incluidos antes de la etiqueta de cierre de elemento.
La estructura de un documento HTML es muy simple, básicamente tiene dos
secciones que contienen elementos de diferentes tipos:
• Sección head: es el primer elemento que te vas a encontrar en un
documento HTML. Se representa con el elemento HTML head y no tiene
representación visual directa. En la cabecera puedes encontrar información
referente a la codificación del documento, lenguaje, scripts, estilos CSS, etc.
• Sección body: es el elemento que contiene la estructura y los elementos de la
página web y se representa con el elemento HTML body. En la sección body es donde
incluirás tus elementos cuando hagas las páginas web.
Un documento HTML se caracteriza por tener siempre la misma estructura base,
siempre comienza por el elemento HTML html y tendrá las secciones head y body. A
continuación te lo mostramos conceptualmente:
CSS
CSS son las siglas de Cascading Style Sheets y hacen referencia al lenguaje de hojas
de estilos creado para controlar el aspecto visual de los documentos HTML. La
especificación de CSS está mantenida por la World Wide Web Consortium.
CSS permite separar los contenidos de HTML de su presentación, mejorando el
acceso al contenido a la vez que dota de más flexibilidad y control en la especificación
de las características visuales. Un aspecto muy importante de la separación es que un
mismo fichero CSS se puede utilizar para dotar del mismo aspecto visual a diferentes
documentos HTML, reduciendo el código necesario que habría que desarrollar en caso
contrario.
Historia
La historia de CSS está ligada a la historia de los Standard General Markup Language
(SGML), ya que siempre se observó la necesidad de definir un mecanismo que
permitiera aplicar estilos a los documentos electrónicos.
Fue la aparición de HTML y el nacimiento de internet lo que produjo que CSS
empezara a tener la importancia que tiene
ahora en nuestros días.
La primera propuesta de CSS data de 1994 y su creador fue Häkon Wium Lie,
trabajador del CERN. Su propuesta no fue la única propuesta presentada para definir
CSS, las demás fueron descartadas por el W3C. La propuesta de Häkon Wium fue
añadida por el W3C al grupo de trabajo de HTML, apostando de este modo por el
desarrollo y estandarización (pág 16).
