CONSULTA HTML

EN IBAGUE

CARLOS ANDRES ABRIL BRITO

CORPORACION UNIFICADA NACIONAL DE EDUACION SUPERIOR CUN

ESCUELA DE INGENIERIA DE SISTEMAS
PROGRAMA TECNICA PROFESIONAL EN PROCESOS INORMATICOS
IBAGUE MARZO DE 2015

QUE ES HTML

HTML es el lenguaje que se emplea para el desarrollo de pginas de internet. Est

compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla.
HTML dispone de etiquetas para imgenes, hipervnculos que nos permiten dirigirnos a
otras pginas, saltos de lnea, listas, tablas, etc.
ASPECTOS DEL HTML
Para comenzar a crear nuestras pginas web lo nico que tendremos que hacer
es ir componiendo las diferentes etiquetas HTML dentro de un documento. Una
etiqueta HTML es un trmino rodeado por un signo de menor y otro de mayor;
por ejemplo: Esta etiqueta indica que el texto que aparece a continuacin se
debe destacar sobre el resto; normalmente se muestra en negrita. En muchos
casos necesitaremos tambin una segunda etiqueta que delimite el final. As,
para que el texto deje de estar destacado y contine normalmente, empleamos
la misma etiqueta con una barra: El conjunto de las dos etiquetas y el texto
contenido en su interior conformaran un elemento HTML. Algunos elementos
requieren esa apertura y cierre, mientras que en otros casos slo
necesitaremos una etiqueta, ya que reflejamos un elemento puntual o con un
contenido vaco. Por ejemplo:

Hace que en el documento aparezca una lnea separando el texto anterior del
siguiente. Como se puede observar, cuando un elemento no va a tener una
etiqueta de cierre (no existe un), el indicador de fin se aade en la propia
etiqueta inicial. Nota: Todas las etiquetas HTML se escriben siempre en
minsculas. Si bien los navegadores son capaces de interpretar las etiquetas
en maysculas, las normas de la W3C especifican que todas las etiquetas se
deben escribir en minsculas. Otra caracterstica importante de las etiquetas
es que son anidables, por lo que podemos definir un prrafo (mediante las
etiquetas y en su interior incluir una lista de elementos, imgenes, texto
destacado, etc. empleando diferentes etiquetas. Veremos muchos ejemplos al
respecto.
HISTORIA DEL HTML
La historia completa de HTML es tan interesante como larga, por lo que a continuacin se muestra
su historia resumida a partir de la informacin que se puede encontrar en la Wikipedia.
El origen de HTML se remonta a 1980, cuando el fsico Tim Berners-Lee, trabajador
del CERN (Organizacin Europea para la Investigacin Nuclear) propuso un nuevo sistema
de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" haban sido desarrollados aos antes. En el mbito de la informtica,
el "hipertexto"permita que los usuarios accedieran a la informacin relacionada con los

documentos electrnicos que estaban visualizando. De cierta manera, los primitivos sistemas
de "hipertexto" podran asimilarse a los enlaces de las pginas web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo present a una
convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Despus de unir
sus fuerzas con el ingeniero de sistemasRobert Cailliau, presentaron la propuesta ganadora
llamada WorldWideWeb (W3).
El primer documento formal con la descripcin de HTML se public en 1991 bajo el
nombre HTML Tags (Etiquetas HTML) y todava hoy puede ser consultado online a modo
de reliquia informtica.
La primera propuesta oficial para convertir HTML en un estndar se realiz en 1993 por parte del
organismo IETF(Internet Engineering Task Force). Aunque se consiguieron avances significativos
(en esta poca se definieron las etiquetas para imgenes, tablas y formularios) ninguna de las dos
propuestas de estndar, llamadas HTML y HTML+ consiguieron convertirse en estndar oficial.
En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de
septiembre de ese mismo ao, el estndar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer
estndar oficial de HTML.
A partir de 1996, los estndares de HTML los publica otro organismo de estandarizacin
llamado W3C (World Wide Web Consortium). La versin HTML 3.2 se public el 14 de Enero de
1997 y es la primera recomendacin de HTML publicada por el W3C. Esta revisin incorpora los
ltimos avances de las pginas web desarrolladas hasta 1996, comoapplets de Java y texto que fluye
alrededor de las imgenes.
HTML 4.0 se public el 24 de Abril de 1998 (siendo una versin corregida de la publicacin
original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre
sus novedades ms destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir
pequeos programas o scripts en las pginas web, mejora de la accesibilidad de las pginas
diseadas, tablas complejas y mejoras en los formularios.
La ltima especificacin oficial de HTML se public el 24 de diciembre de 1999 y se denomina
HTML 4.01. Se trata de una revisin y actualizacin de la versin HTML 4.0, por lo que no incluye
novedades significativas.
Desde la publicacin de HTML 4.01, la actividad de estandarizacin de HTML se detuvo y el W3C
se centr en el desarrollo del estndar XHTML. Por este motivo, en el ao 2004, las empresas
Apple, Mozilla y Opera mostraron su preocupacin por la falta de inters del W3C en HTML y
decidieron organizarse en una nueva asociacin llamadaWHATWG (Web Hypertext Application
Technology Working Group).
La actividad actual del WHATWG se centra en el futuro estndar HTML 5, cuyo primer borrador
oficial se public el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo
WHATWG y a la publicacin de los borradores de HTML 5.0, en marzo de 2007 el W3C decidi
retomar la actividad estandarizadora de HTML.

De forma paralela a su actividad con HTML, W3C ha continuado con la estandarizacin de

XHTML, una versinavanzada de HTML y basada en XML. La primera versin 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 adaptacin de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus
etiquetas y caractersticas, pero aade algunas restricciones y elementos propios de XML. La
versin XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML.
Tambin ha sido publicado el borrador de XHTML 2.0, que supondr un cambio muy importante
respecto de las anteriores versiones de XHTML.
ESTRUCTURA DE UN DOCUMENTO HTML
Un documento HTML est definido por una etiqueta de apertura <HTML> y una etiqueta de
cierre </HTML>. Dentro de este se dividen dos partes fundamentales la cabecera, delimitada por la
etiqueta <HEAD> el cuerpo, delimitado por la etiqueta <BODY>. Por tanto la estructura de un
documento HTML ser:
<HTML>
<HEAD>
Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>
Ninguno de estos elementos es obligatorio, pudiendo componer documentos HTML que se
muestren sin ningn problema sin incluir estas etiquetas de identificacin. Si se utilizan elementos
que forzosamente deban ser incluidos en la cabecera (como la etiqueta de titulo), no sern
reconocidos correctamente si no se incluyen entre las etiquetas de <HEAD>.
En los prximos apartados explicaremos de forma separada los componentes de la cabecera y
del cuerpo de un documento HTML.
LA SINTAXIS DE UN DOCUMENTO HTML
El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base al que llamamos
etiqueta. A travs de las etiquetas vamos definiendo los elementos del documento, como enlaces,
prrafos, imgenes, etc. As pues, un documento HTML estar constituido por texto y un conjunto
de etiquetas para definir la forma con la que se tendr que presentar el texto y otros elementos en la
pgina.

La etiqueta presenta frecuentemente dos partes:

Una
apertura de
Un cierre de tipo </etiqueta>

forma

general

<etiqueta>

Todo lo incluido en el interior de esa etiqueta sufrir las modificaciones que caracterizan a esta
etiqueta. As por ejemplo:
Las etiquetas <b> y </b> definen un texto en negrita. Si en nuestro documento HTML escribimos
una frase con el siguiente cdigo:
<b>Esto esta en negrita</b>
El resultado Ser:
Esto esta en negrita
Las etiquetas <p> y </p> definen un prrafo. Si en nuestro documento HTML escribiramos:
<p>Hola,
estamos
en
<p>Ahora hemos cambiado de prrafo</p>

el

prrafo

1</p>

El resultado sera:
Hola, estamos en el prrafo 1
Ahora hemos cambiado de prrafo
ELEMENTOS DE BLOQUE Y EN LNEA
Los navegadores generan cajas para mostrar los contenidos, y su comportamiento se divide
en dos:
1.

Elementos de bloque: Comienzan en una nueva lnea y llegan hasta el final de esa

2.

misma lnea.
Elementos de lnea: Solo ocupan el espacio necesario para mostrar sus contenidos y
se mantienen en la misma lnea.

Los elementos en lnea definidos por HTML son: a, abbr, br, cite, code, dfn, em, img, input,
kbd, label, samp, select, span, strong, textarea, var.

Los elementos de bloque definidos por HTML son: blockquote, div, dl, fieldset, form, h1, h2,
h3, h4, h5, h6, hr, menu, noscript, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr.
Los siguientes elementos pueden ser en lnea y de bloque segn las circunstancias: button,
iframe, map, object, script.

REFERENCIAS DE CARCTER (HTML)

Una referencia de caracteres es una pequea pieza de cdigo usada para representar ciertos
caracteres en documentos HTML. Principalmente usada para insertar smbolos que no pertenecen al
juego de caracteres (o en muchos casos, smbolos difciles de ingresar), las referencias de caracteres
pueden insertarse utilizando una expresin regular. De echo, cada referencia de caracteres puede
insertarse de tres formas diferentes:
Por su nombre de entidad: Cada referencia de caracteres tiene una entidad asignada. El formato apra
insertar un smbolo por su nombre de entidad est compuesto por un smbolo "&" seguido de su
nombre de entidad y un punto y coma (";"). Por ejemplo, el smbolo de la libra esterlina ("") puede
ser insertado como "&pound;".
Por su valor decimal: Tal como con las entidades, un nmero nico es asociado con cada referencia
de caracteres. El formato es compuesto por un smbolo "&" seguido de un signo numeral ("#"), el
nmero asociado y un punto y coma (";"). Por ejemplo, el smbolo de la libra esterlina ("") puede
ser insertado como "&#163;".
Por su valor hexadecimal: Este mtodo funciona exactamente como el del valor decimalcon la
diferencia que el nmero se escribe en formato hexadecimal y una "x" (en minscula) se agrega a
continuacin del signo numeral ("#"). Las letras en el nmero hexadecimal deben ir en maysculas.
Por ejemplo, el smbolo de la libra esterlina ("") puede ser insertado como "&#xA3;".
Muchos navegadores no proveen soporte para todas las entidades de caracteres y usualmente
representan un cuadrado blanco ("") o un signo de pregunta ("?" "") en su lugar. Por otra
parte, la notacin hexadecimal para referencias de caracteres tampoco es soportada por muchos
navegadores, lo que la hace una forma poco fiable de reproducir smbolos. Dicho esto, queda claro
que la mejor forma de representar referencias de caracteres es a travs de la noracin decimal.