1.

INTRODUCCIN
El HTML no es ms que una
aplicacin del SGML (Standard
Generalized Markup Language), un
sistema para definir tipos de
documentos estructurados y
lenguajes de marcas para
representar esos mismos
documentos. El trmino HTML se
suele referir a ambas cosas, tanto al tipo de documento como al
lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de
nosotros pasa por tres etapas diferentes: Al principio solamente
conocemos unas pocas pginas, luego nos damos cuenta que existen
buscadores lo cual lo hace ms interesante y por ltimo nos damos
cuenta que en Internet no solamente se puede ver la informacin sino
que tambin se puede publicar. y qu otra manera ms fcil y ms
sencilla? Si Internet tiene acceso a todos los rincones del mundo.
Para que varias personas se comuniquen es necesarios que stas
hablen un mismo idioma. El lenguaje que utilizan las computadoras
que estn conectadas a Internet es HTML
2. QUE ES EL HTML
El HTML, Hyper Text Markup Language (Lenguaje de marcacin de
Hipertexto) es el lenguaje de marcas de texto utilizado normalmente
en la www (World Wide Web). Fue creado en
1986 por el fsico nuclear Tim Berners-Lee; el
cual tomo dos herramientas preexistentes: El
concepto de Hipertexto (Conocido tambin
como link o ancla) el cual permite conectar
dos elementos entre si y el SGML (Lenguaje
Estndar de Marcacin General) el cual sirve
para colocar etiquetas o marcas en un texto
que indique como debe verse. HTML no es
propiamente un lenguaje de programacin
como C++, Visual Basic, etc., sino un sistema
de etiquetas. HTML no presenta ningn compilador, por lo tanto algn
error de sintaxis que se presente ste no lo detectar y se visualizara
en la forma como ste lo entienda.
El entorno para trabajar HTML es simplemente un procesador de
texto, como el que ofrecen los sistemas operativos Windows (Bloc de
notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El
conjunto de etiquetas que se creen, se deben guardar con la extensin
.htm o .html
Estos documentos pueden ser mostrados por los visores o "browsers"
de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera
y Microsoft Internet Explorer.
Tambin existe el HTML Dinmico (DHTML), que es una mejora de
Microsoft de la versin 4.0 de HTML que le permite crear efectos
especiales como, por ejemplo, texto que vuela desde la pgina
palabra por palabra o efectos de transicin al estilo de anuncio
publicitario giratorio entre pgina y pgina.
3. Orgenes del HTML
1986. Publicacin de la ISO 8879 que presenta el Standard General
Markup Language, origen del HTML.
1989. Tim Berners-Lee, a la sazn en el
Centro Europeo de Investigaciones
Nucleares presenta su artculo
Information Management: A Proposal
dedicndose de lleno al desarrollo de un
sistema que permitiera el acceso en
lnea de manera uniforme a la
informacin disponible en muchos
recursos distintos, y que pudiese funcionar en mquinas que
conectadas por redes basadas en TCP/IP.
1990-1991. Tim Berners-Lee define el HTML como un subconjunto de
SGML (Standard Generalized Markup Language), que ms tarde se
llamar nivel 0; soporta encabezados, listas y anclas. Se crea el
nombre World Wide Web.
1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode,
que trabaja en modo texto y slo en plataformas UNIX. El Centro
Europeo de Investigaciones Nucleares realiza la apertura del primer
sitio con acceso pblico de World Wide Web el 17 de mayo
(http://info.cern.ch).
1992. Dan Connolly produce la primera Definicin de Tipo de
Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la
definicin original atributos para modificar el estilo fsico del texto. Se
distribuye Viola, primer visor grfico de Web y disponible slo para
X.11.
1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido
por la Universidad de Kansas, si bien lee slo texto. Aparece Mosaic,
desarrollado por el Centro Nacional para Aplicaciones de
Supercomputadoras, es el primer visor de Web en entorno grfico que
se hace disponible para computadoras personales, lo que lo hace
inmediatamente popular. A fines de ao, comienzan a aparecer los
primeros artculos sobre WWW en diarios y revistas de circulacin
masiva. Tim Berners-Lee utiliza el trabajo del ao anterior de Connolly
para presentar el borrador de la primera norma (RFC -
Recommendation for Comments) de HTML para Internet.
1994. La Universidad Tcnica de Graz desarrolla un servidor y
clientes con mayores prestaciones para HTML, Hyper-G, que no tiene
gran xito. Cello, primer visor de HTML que no requiere TCP/IP
presentado por la Escuela de Leyes de la Universidad de Cornell. Dan
Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0,
que ahora soporta formularios. Un grupo de programadores que
desarrollaran el Mosaic producen un nuevo visor de World Wide Web,
Netscape (tambin conocido como Mozilla), que tiene una amplia
aceptacin entre los usuarios, pero que soporta elementos de
programacin que equivalen a una degeneracin del HTML (tamaos
de letra, fondos). Se define un equivalente para los modelos en tres
dimensiones del HTML, el VRML (Virtual Reality Modeling Language),
que permite moverse dentro de los ambientes definidos
1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a
compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya
principal novedad es el soporte de tablas. Microsoft produce su primer
visor de Internet, el cual tambin utiliza elementos de HTML
degenerados. Una nueva versin de Netscape, Navigator 2.0, agrega
soporte de encuadres. Sun Microsystems produce el primer visor de
World Wide Web con soporte de un lenguaje de programacin,
HotJava.
1996. Netscape Communications y Microsoft presentan las nuevas
versiones de sus visores que soportan gran parte del nivel de HTML
3.0. Aparecen visores no comerciales que implementan la norma
completa de HTML 3.0. Se formaliza un nuevo nivel para la
modelacin en tres dimensiones, VRML 3.0, que permite interactuar
con los objetos definidos..
1997. D. Raggett presenta, en enero, la versin normalizada del 3.2.
En julio, aparece la versin 4.0, experimental.
1998. HTML 4.0.
4. EDITORES PARA TRABAJAR EN HTML
Dreamweaver.- Dreamweaver es la herramienta de diseo de
pginas web ms avanzada, tal como se ha afirmado
en muchos medios. Aunque sea un experto
programador de HTML el usuario que lo maneje,
siempre se encontrarn en este programa razones
para utilizarlo, sobre todo en lo que a productividad se
refiere.
Cumple perfectamente el objetivo de disear pginas con aspecto
profesional, y soporta gran cantidad de tecnologas, adems muy
fciles de usar:
FrontPage.- fue un editor de pginas web para el sistema operativo
Windows. Form parte de la suite Microsoft Office.
Muchos consideran que el cdigo HTML generado por
esta aplicacin es un poco descuidado y muchas veces
reiterativo, especialmente en versiones antiguas.
Microsoft ha dejado de producir FrontPage desde el
2006, y ofrece actualmente dos productos alternativos,
con tecnologas ms actualizadas: SharePoint Designer (parte de
Microsoft Office) y Expression Web. Este ltimo puede considerarse el
sucesor directo de FrontPage.
Web Fcil PRO .- Web Fcil PRO, es un editor web, basado en el
famoso Web Fcil, pero con muchsimas ms
opciones, y libertad en el momento de editar sus
pginas WEB. Est compuesto por:
Asistentes automticos para la creacin y
modificacin de pginas WEB.
Editor HTML con conversin automtica de cdigos extendidos.
Cliente FTP para publicar y actualizar las paginas en su servidor.
Visor WEB para visualizar la pgina mientras la est confeccionando.
Todo ello integrado dentro del programa. Con lo que se consigue que
tenga las funciones de 4 programas en uno solo.

BaseKit.- Es un editor web visual ofrece la posibilidad de trabajar a
partir de plantillas creadas previamente en
Photoshop, la posibilidad de incluir cdigo externo
HTML para funcionalidades avanzadas y una
completa solucin basada en dominios y hosting.
Bloc de Notas.- Bloc de notas (en ingls llamado notepad) es un
editor de texto simple incluido en los sistemas
operativos de Microsoft desde 1985. Su funcionalidad
es muy sencilla.
Su caracterstica principal es la edicin de pginas
web, a travs de cdigos fuente
La extensin predeterminada de este editor para html es .HTML
5. ESTRUCTURA BSICA 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"
content="educacin,enseanza,instituto, profesores, alumnos">
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>UEB-CALUMA - </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 seleccin de colores con #rrggbb la puedes encontrar en:
Paleta de Colores
TEXT, parmetro usado para definir el color del texto por omisin. 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 omisin de:
texto con enlace, enlace ya visitado y enlace activo.
Los colores por omisin son LINK=blue, VLINK=purple y ALINK=red. El formato es el
mismo que BGCOLOR.
BACKGROUND, parmetro usado para especfica la ruta y nombre de archivo (URL)
de la imagen que ser usada 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">

DIANA CAMACHO LARA
ESTUDIANTE UEB