1.

QUE ES HTML
HTML es el lenguaje que se emplea para el desarrollo de pginas de internet. Est
compuesto por una sere 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.
HTML es el lenguaje con el que se definen las pginas web. Bsicamente se trata
de un conjunto de etiquetas que sirven para definir el texto y otros elementos que
compondrn una pgina web.
El HTML se cre en un principio con objetivos divulgativos de informacin con
texto y algunas imgenes. No se pens que llegara a ser utilizado para crear rea
de ocio y consulta con carcter multimedia (lo que es actualmente la web), de
modo que, el HTML se cre sin dar respuesta a todos los posibles usos que se le
iba a dar y a todos los colectivos de gente que lo utilizaran en un futuro. Sin
embargo, pese a esta deficiente planificacin, si que se han ido incorporando
modificaciones con el tiempo, estos son los estndares del HTML. Numerosos
estndares se han presentado ya. El HTML 4.01 es el ltimo estndar a febrero de
2001. Actualizacin a mayo de 2005, en estos momentos est apunto de
presentarse la versin 5 de HTML, de la que ya se tiene un borrador casi
definitivo.
El HTML es un lenguaje de marcacin de elementos para la creacin de
documentos hipertexto, muy fcil de aprender, lo que permite que cualquier
persona, aunque no haya programado en la vida, pueda enfrentarse a la tarea de
crear una web.
2. ASPECTOS DEL HTML
El Web tena que ser distribuido: La informacin repartida en pginas no muy
grandes enlazadas entre s.
El Web tena que ser hipertexto y deba ser fcil navegar por l.
Tena que ser compatible con todo tipo de ordenadores (PCs, Macintosh,
estaciones de trabajo...) y con todo tipo de sistemas operativos (Windows, MSDOS, UNIX, MAC-OS,...).

Deba ser dinmico: el proceso de cambiar y actualizar la informacin deba ser

gil y rpido.
Estas caractersticas son las que marcaron el diseo de todos los elementos del
WWW incluida la programacin de pginas Web. Como respuesta a todos estos
requisitos se creo el lenguaje HTML (HiperText Markup Language), cuyas siglas
significan "lenguaje hipertexto de marcas".
Este lenguaje ser el encargado de convertir un inocente archivo de texto inicial en
una pgina web con diferentes tipos y tamaos de letra, con imgenes
impactantes, animaciones sorprendentes, formularios interactivos, etc.
3. HISTORIA DEL HTML
HTML naci pblicamente en un documento llamado HTML Tags (Etiquetas
HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. En
esta publicacin se describen 22 etiquetas que mostraban un diseo inicial y
relativamente simple de HTML. Varios de estos elementos se conservan en la
actualidad. Otros se han dejado de usar, y muchos otros se han ido aadiendo con
el paso de los aos. De esta manera, podemos hablar de que han existido
distintas versiones de HTML a lo largo de la historia de internet. Nosotros vamos a
trabajar con el HTML estndar actual, que es el utilizado por los navegadores y
pginas web de hoy en da. Sin embargo, no vamos a prestarle atencin a las
versiones y especificidades de cada versin, ya que el objetivo de este curso es
aprenderlos fundamentos de HTML y entender cmo funciona, no conocer la
sintaxis o especificidades de una versin concreta. Por qu no le damos
importancia a la versin? Porque una persona que cuenta con los fundamentos y
comprensin bsica sobre el lenguaje es capaz de adaptarse a las caractersticas
particulares de una versin sin problema. En cambio, centrarse en los detalles de
una versin sin conocer los fundamentos har que no tengamos capacidad para
comprender lo que hacemos ni para adaptarnos a los continuos cambios que
tienen lugar en el mbito de los desarrollos web.
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.
4. ESTRUCTURA DE UN DOCUMENTO DE HTML
Todos los documentos Html tienen la estructura que se muesta a continuacin,
aunque la etiqueta <body> puede ser sustituida por <frameset> para un tipo de
pginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML>
<HEAD>
<TITLE>Ttulo de la pgina</TITLE>
...
</HEAD>
<BODY>
Aqu ira el contenido de la pgina
</BODY>
</HTML>
Vamos a analizar ms detenidamente las distintas secciones que componen la
pgina
Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como
por ejemplo:
<meta name="description" content="Informacin sobre el Centro,las enseanzas
que
se
pueden
cursar,
los
departamentos
didcticos">

<meta name="keywords"
alumnos">

content="educacin,enseanza,instituto,

profesores,

En este caso las etiquetas le indican a los buscadores el contenido de nuestras

pginas (description) y algunas palabras clave (keywords) para su localizacin.
La cabecera es la seccin comprendida entre <head> y </head>. En ella se
encuentra necesariamente el ttulo (entre las etiquetas <title> y </title>).
El ttulo de la pgina debe describir su contenido por ejemplo:
<TITLE>Colegio Pblico de Villaman - mbito de Influencia - </TITLE>
no
valdra
en
cambio
<TITLE>Pgina de Inicio</TITLE> ya que esto no dice nada por si solo
Dentro de la cabecera tambin se suele incluir cdigo en JavaScript, que se
reconoce porque va comprendido entre las etiquetas
<script language="JavaScript">
<!-Aqu ira el cdigo
// -->
</SCRIPT>
El cuerpo (body) del documento html es normalmente lo ms importante. Es aqu
donde debemos colocar el contenido de nuestra pgina: texto, fotos, etc.
El cuerpo est delimitado por las etiquetas <body> y </body> La etiqueta <body>
suele contener algunos atributos, a saber:
BGCOLOR parmetro usado para especificar el color de fondo de la pgina. El
color se define como una terna de nmeros (#rrggbb) en base hexadecimal en el
orden rojo, verde, azul (Red, Green, Blue). Tambin se puede usar el nombre en
ingls de los colores predefinidos en los navegadores.
Sintaxis: <BODY BGCOLOR=#0000FF> o <BODY BGCOLOR=blue>
Una buena ayuda para la seleccion de colores con #rrggbb la puedes encontrar
en: Paleta de Colores

TEXT, parametro usado para definir el color del texto por omision. Su formato es el
mismo que el de BGCOLOR. Si no se pone nada es negro.
LINK, VLINK, ALINK, parmetros usados para especificar el color por omision de:
texto con enlace, enlace ya visitado y enlace activo.
Los colores por omision son LINK=blue, VLINK=purple y ALINK=red. El formato es
el mismo que BGCOLOR.
BACKGROUND, parmetro usado para especifica la ruta y nombre de archivo
(URL) de la imagen que ser usanda como fondo del documento. Esta se ver
como mosaico para cubrir toda la ventana si es pequea (lo habitual).
Sintaxis: <BODY BACKGROUND="ruta/archivo.gif">
Es conveniente especificar la ruta de modo relativo, esto quiere decir que si
cambiamos el directorio completo donde estn nuestras pginas,
desde C:\ a C:\webs por ejemplo, la ruta especificada debe seguir siendo vlida.
Por ejemplo si la pgina desde la que hacemos el enlace se encuentra en el
directorio Aprendiendo Html y queremos poner como fondo la imagen fondo.gif,
que
se
encuentra
en gifs, se
debe
poner:
<BODY BACKGROUND="gifs/fondo.gif">
5. LA SINTAXIS DE LOS ELEMENTOS HTML
La sintaxis son las reglas que se deben de seguir para escribir un cdigo
vlido. Para escribir html correctamente necesitamos conocer las caractersticas
del lenguaje. El elemento principal del html es el de etiqueta. Bsicamente,
stas sirven para especificar el tipo de contenido al navegador.
En el siguiente cdigo podemos ver dos tipos de etiquetas: una que se
denomina cerrada (<p>); y otra abierta (<hr />). Las cerradas encierran un
contenido, en este caso texto. Las abiertas no encierran contenido, y sirven,
entre otras cosas, para incluir elementos como imgenes.
<p>Esto es un prrafo ya que as
lo indicamos con la etiqueta
<p>. Todo lo que englobe esta
etiqueta ser un prrafo.</p>
<hr />
As tenemos una etiqueta cerrada que engloba un texto para agruparlo en un
prrafo, y una etiqueta abierta para incluir una lnea horizontal. El signo / se
utiliza para las etiquetas de cierre; en las etiquetas cerradas se pone a

continuacin del signo <; en las abiertas se pone delante de >, dejndo
previamente un espacio.

6. ELEMENTOS DE BLOQUE Y EN LNEA

Elementos en Bloque y En Lnea en HTML
Por ADMIN | Publicado: 9 AGOSTO 2009
En HTML los elementos pueden ser clasificados de varias maneras, por
ejemplo:segn el doctype, segn su estructura, segn su funcin, entre otras.
Por ahora slo vamos a mencionar que segn su estructura pueden sub-dividirse
en otros 3 grupos: bsicos, de cabecera y de cuerpo.
Los bsicos son aquellos que conforman primariamente el HTML. Sin stos no
existe el HTML como tal, por ejemplo para un documento normal son: html, head,
body.
Los de cabecera son aquellos que estn dentro de la etiqueta <head> y contienen
informacin relevante para el funcionamiento del documento, por ejemplo: title,
base, meta, link, style, script, object, entre otros.
Los de cuerpo son aquellos que estn dentro de la etiqueta <body> y estructuran
el contenido de un documento. Estos pueden dividirse principalmente
enelementos en bloque (block elements) y en elementos en lnea (inline
elements). (Existen elementos que tienen dobles clasificaciones, as tambin
existen elementos que son subordinados).
La diferencia entre ambos est dada por el Modelo de contenido, por
elFormato y la Direccionalidad, en esta resea nos vamos a centrar en las dos
primeras:
Modelo de contenido: los elementos en bloque pueden contener elementos en
lnea y a otros elementos en bloque. A su vez los elementos en lnea pueden
contener otros datos y elementos en lnea, pero no elementos en bloque. En esta

distincin est relacionada la idea de que los elementos en bloque crean

estructuras ms grandes que los elementos en lnea.
Formato: Los elementos en bloque tienen por defecto un formato diferente que el
de los elementos en lnea. Generalmente, los elementos en bloque comienzan en
una nueva lnea, y los elementos en lnea no. Es decir, cada vez que existe un
elemento en bloque, existe un salto de lnea asociado a l

7. REFERENCIAS DE CARCTER
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.

http://aprenderaprogramar.com/index.php?
option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-ellenguaje-mas-importante-para-crear-paginas-webs-html-tagscu00704b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192
http://www.desarrolloweb.com/articulos/que-es-html.html
http://ibiblio.org/pub/linux/docs/LuCaS/Manuales-LuCAS/doc-curso-html/doc-cursohtml/x38.html
http://librosweb.es/libro/xhtml/capitulo_1/breve_historia_de_html.html
http://librosweb.es/libro/xhtml/capitulo_2/elementos_html.html