Sie sind auf Seite 1von 2

Introduccin al HTML

Cuando miras una pgina web en el


navegador, lo que ves a simple vista son
palabras. Estas palabras normalmente
tienen algunas caractersticas, como
diferentes tamaos y colores. En algunos
casos la pgina web puede mostrar
imgenes o incluso vdeos. Otras veces,
formularios donde puedes introducir o
buscar informacin, o personalizar la
apariencia de la pgina que ests
viendo. La pgina tambin puede
contener animaciones y contenidos que
cambian mientras el resto de la pgina
se mantiene sin cambios.
Varias tecnologas
(como CSS, JavaScript, Flash, AJAX, JSON
) pueden usarse para definir los
elementos que componen una pgina
web. Sin embargo, en el nivel ms bajo,
una pgina web se define
usando HTML (HyperText Markup
Language). Sin HTML, no habra
pginas web.
Este artculo proporciona una
introduccin al HTML. Si alguna vez te
has preguntado qu ocurre detrs de tu
navegador web, este artculo es el mejor
lugar para empezar a aprender.
Una breve historia del HTML
A finales de la dcada de los 80s, Tim
Berners-Lee estuvo trabajando como
fsico en CERN (las siglas inglesas de la
Organizacin Europea para la
Investigacin Nuclear). Ide un sistema
para que los cientficos pudieran
compartir documentos a travs de
internet. Antes de su invencin, las
comunicaciones por Internet slo
permitan transmitir texto plano,
empleando tecnologas como el
email, FTP (File Transfer Protocol),
y Usenet- tecnologa en la que se basan
los foros de internet. La invencin del
HTML permiti el uso de un modelo de
contenido almacenado en un servidor
central, que poda ser mostrado en un
terminal local mediante un navegador.
Esto simplific el acceso al contenido y
habilit la posibilidad de mostrar
contenido "enriquecido" (como un

sofisticado texto formateado y


visualizacin de imagenes).
Qu es el HTML?
HTML es un lenguaje de etiquetas.
Indica al navegador como tiene que
mostrar el contenido. El HTML separa el
"contenido" (palabras, imgenes, audio,
video, etc.) de la "presentacin" (la
definicin del tipo de contenido y las
instrucciones de cmo esos contenidos
tienen que mostrarse). El HTML emplea
un conjunto de elementos predefinidos
que permiten identificar los distintos
tipos de elementos. Estos elementos
contienen una o ms etiquetas que
contienen o expresan el contenido. Estas
etiquetas suelen ir encapsuladas entre
los smbolos <>, y las etiquetas de
cierre (que indican el final de un
determinado contenido) estn
precedidas por una barra /.
Por ejemplo, el elemento prrafo
consiste en una etiqueta de inicio como
esta "<p>" y una de cierre "</p>". El
siguiente ejemplo muestra un prrafo
que est contenido dentro del elemento
prrafo en HTML:
<p>Mi perro odia el pescado.</p>
El navegador emplea las etiquetas como
guas para saber cmo debe ser
mostrado el contenido que hay dentro
de dichas etiquetas.
Algunos elementos no contienen otros
elementos. Como es el caso de la
etiqueta imagen ("<img>") que
simplemente especifica el nombre del
archivo que contiene la imagen como
atributo:
<img src="smileyface.jpg">
En ocasiones, suele ponerse una barra
"/" al final de la etiqueta, justo antes del
cierre de la misma ">" para indicar el
final de la misma "/>". Aunque se trata
de algo opcional en HTML, en XHTML es
obligatoria (que es un lenguaje que
permite una forma de poder
implementar XML en los elementos del
HTML).
Muchos elementos contienen otros
elementos, formando una estructura
jerrquica. Un ejemplo simple, pero
completo de una pgina web sera este:

<html>
<body>
<p>Mi perro <em>odia</em> el
pescado.</p>
</body>
</html>
Como puedes ver, los elementos <html>
encierran el resto del documento, y el
elemento <body> encierra el contenido
de la pgina. Esta estructura crece con

las ramas de un rbol, donde los


elementos <body> y <p> son las ramas
que crecen del tronco que es <html>.
Esta estructura jerrquica es lo que se
denomina DOM: siglas inglesas del
"Modelo de Objetos del Documento"
(Document Object Model).

Das könnte Ihnen auch gefallen