Professional Documents
Culture Documents
HTM redirige aqu. Para otros usos de la sigla, vase Hgalo usted mismo.
Desarrollador
Informacin general
Extensin de archivo
.html, .htm
Tipo de MIME
text/html
Type code
TEXT
public.html
Tipo de formato
Lenguaje de marcado
Extendido de
SGML
Extendido a
XHTML
Estndar(es)
ISO/IEC 15445
W3C HTML 4.01
W3C HTML5(borrador)
Formato abierto
1 Historia de HTML
o
2.1 Elementos
2.2 Atributos
6 Saber ms
8 Accesibilidad web
9 Entidades HTML
10 Vase tambin
11 Referencias
12 Bibliografa
13 Enlaces externos
Historia de HTML
Primeras especificaciones
Tim Berners-Lee (TBL) en 19912 3 describe 18 elementos que incluyen el diseo inicial y
relativamente simple de HTML. Trece de estos elementos todava existen en HTML 4. 4
Berners-Lee consideraba el HTML una ampliacin de SGML, pero no fue formalmente
reconocida como tal hasta la publicacin a mediados de 1993, por la IETF (en espaol:
Grupo de Trabajo de Ingeniera de Internet), de una primera proposicin para una
especificacin del HTML: el borrador del Hypertext Markup Language de Berners-Lee
y Dan Connolly, que inclua una Definicin de Tipo de Documento SGML para definir la
gramtica.5 El borrador expir a los seis meses, pero fue notable por su reconocimiento de
la etiqueta propia del navegador Mosaic usada para insertar imgenes sin cambio de lnea,
que reflejaba la filosofa del IETF de basar estndares en prototipos con xito. 6 De la
misma manera, el borrador competidor de Dave Raggett HTML+ (Hypertext Markup
Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugera estandarizar
caractersticas ya implementadas, como las tablas.7
Marcado HTML
El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>,/). El
HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y
puede incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar
el comportamiento de navegadores web y otros procesadores de HTML.8
HTML tambin sirve para referirse al contenido del tipo de MIME text/html o todava ms
ampliamente como un trmino genrico para el HTML, ya sea en forma descendida
delXML (como XHTML 1.0 y posteriores) o en forma descendida directamente
de SGML (como HTML 4.01 y anteriores).
HTML consta de varios componentes vitales, entre ellos los elementos y
sus atributos, tipos de data y la declaracin de tipo de documento.
Elementos
Los elementos son la estructura bsica de HTML. Los elementos tienen dos propiedades
bsicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para
que se considere vlido al documento HTML. Un elemento generalmente tiene una
etiqueta de inicio (por ejemplo, <nombre-de-elemento> ) y una etiqueta de cierre (por
ejemplo, </nombre-de-elemento> ). Los atributos del elemento estn contenidos en la
etiqueta de inicio y el contenido est ubicado entre las dos etiquetas (por
ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-deelemento> ). Algunos elementos, tales como <br> , no tienen contenido ni llevan una
etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en
HTML.
Atributos
La mayora de los atributos de un elemento son pares nombre-valor, separados por un
signo de igual = y escritos en la etiqueta de comienzo de un elemento, despus del
nombre de ste. El valor puede estar rodeado por comillas dobles o simples, aunque
ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). 9 10 De
todas maneras, dejar los valores sin comillas es considerado poco seguro. 11 En contraste
con los pares nombre-elemento, hay algunos atributos que afectan al elemento
simplemente por su presencia12 (tal como el atributo ismap para el elemento img ).13
<html> : define el inicio del documento HTML, le indica al navegador que lo que
viene a continuacin debe ser interpretado como cdigo HTML. Esto es as de facto,
ya que en teora lo que define el tipo de documento es elDOCTYPE, que significa la
palabra justo tras DOCTYPE el tag de raz.
<script> : incrusta un script en una web, o llama a uno mediante src="url del
script" . Se recomienda incluir eltipo MIME en el atributo type , en el caso
de JavaScript text/javascript .
<head> : define la cabecera del documento HTML; esta cabecera suele contener
<body> : define el contenido principal o cuerpo del documento. Esta es la parte del
relevancia.
<img> : imagen. Requiere del atributo src, que indica la ruta en la que se
encuentra la imagen. Por ejemplo: <img src="./imgenes/mifoto.jpg" /> .
Es conveniente, por accesibilidad, poner un atributo alt="texto
alternativo" .
<!DOCTYPE HTML>
<html>
<head>
<title>Ejemplo1</title>
</head>
<body>
<p>ejemplo1</p>
</body>
</html>
Saber ms
Seleccionando la opcin ver cdigo fuente en el navegador, se puede ver realmente la
informacin que est recibiendo ste y cmo la est interpretando. Por ejemplo: enInternet
Explorer o en Firefox, simplemente hay que desplegar el men ver y luego elegir
cdigo fuente, mientras que en Chrome presionar CTRL + U. De esta forma, se abrir el
editor de texto configurado como predeterminado en el sistema con el cdigo fuente de la
pgina que se est viendo en ese momento en el explorador. Otra forma ms rpida
consiste en hacer clic con el botn derecho del ratn en cualquier punto del rea donde el
navegador muestra la pgina web y elegir ver cdigo fuente.
Para el navegador Firefox existe el plugin Firebug, un depurador que permite entre otras
cosas visualizar el cdigo HTML de la pgina que estamos visualizando de forma
dinmica, y que incluso resalta el trozo de cdigo por el que est pasando el ratn en cada
momento, por lo que es una herramienta muy til para aprender diversos conceptos de
este lenguaje.
Accesibilidad web
Artculo principal: Accesibilidad web
El diseo en HTML, aparte de cumplir con las especificaciones propias del lenguaje, debe
respetar ciertos criterios de accesibilidad web, siguiendo unas pautas o las normativas y
leyes vigentes en los pases donde se regule dicho concepto. Se encuentra disponible y
desarrollado por el W3C a travs de las Pautas de Accesibilidad al Contenido Web 1.0
WCAG (actualizadas recientemente con la especificacin 2.0 20 ), aunque muchos pases
tienen especificaciones propias, como es el caso de Espaa con la Norma UNE 139803. 21
Entidades HTML
Los caracteres especiales como signo de puntuacin, letras con tilde o diresis o smbolos
de escritura del lenguaje se deben convertir en entidad HTML para mostrarse en un
navegador. La siguiente es una lista de caracteres espaoles y su correspondiente entidad
HTML:
Carcter
Entidad HTML
á
Carcter
Entidad HTML
Á
é
É
í
Í
ó
Ó
ú
Ú
ü
Ü
ñ
Ñ
¡
¿
Vase tambin
Anexo:Etiquetas HTML/XHTML
Colores HTML
Referencias
1.
2.
Volver arriba HTML Tags. World Wide Web Consortium. Consultado el 8 de abril
de 2007.
3.
Volver arriba First mention of HTML Tags on the www-talk mailing list. World
Wide Web Consortium. 29 de octubre de 1991. Consultado el 8 de abril de 2007.
4.
5.
6.
Volver arriba Raymond, Eric. IETF and the RFC Standards Process. The Art of
Unix Programming. In IETF tradition, standards have to arise from experience with a
working prototype implementation but once they become standards, code that does not
conform to them is considered broken and mercilessly scrapped. Internet-Drafts are not
specifications, and software implementers and vendors are specifically barred from claiming
compliance with them as if they were specifications. Internet-Drafts are focal points for
discussion, usually in a working group Once an Internet-Draft has been published with an
RFC number, it is a specification to which implementers may claim conformance. It is
expected that the authors of the RFC and the community at large will begin correcting the
specification with field experience.
7.
8.
9.
10.
11.
12.
13.
14.
Volver arriba The return of the u element - Regreso de la etiqueta u (en ingls)
15.
16.
Volver arriba Where the Web was born - Donde la Web naci. Sitio oficial del
CERN (en ingls)
17.
18.
19.
20.
21.
Bibliografa
Sergio Lujn Mora (2001). Programacin en Internet: Clientes Web (libro completo
gratuito en pdf) (1 edicin). Editorial Club Universitario.
Enlaces externos
Pgina web principal de HTML estndar de html del W3C (en ingls)
HTML analizador
Tutorial de HTML