Curso De Html

Curso: Creación y Diseño de Páginas en Internet I

Efraín Morales

1

Curso de HTML 4.0

1. Introducción al curso

Este curso ha nacido con la intención de complementar a aquellos interesados

en crear y diseñar páginas en Internet. Así podrás comprender mejor de donde

surge una página de internet comenzando desde cero.

Lo primero que hay que decir es que este curso no explica ningún estándar

específico, ni examina exhaustivamente todos los parámetros de las etiquetas

HTML. Intenta ser una guía práctica, de modo que incluirá todas las cosas que

yo crea importantes y que me han provocado algún dolor de cabeza mientras

realizó páginas de internet. El curso y sus ejemplos los he probado con Explorer

4-6 y Firefox. Hay que entender que cada navegador interpreta el código HTML

diferente y puede que el resultado visual sea diferente en cada uno.

Requisitos

Si estás viendo este curso ya tienes en tus manos el requisito más difícil de

cumplir: un navegador (browser) y saber usar un mouse. El otro requisito es un

editor de textos con el que hacer las páginas. Da lo mismo cual. Para hacer este

curso yo utilicé el notepad, por ejemplo. Sin embargo, es posible entender el

curso sin hacer una sola página, aunque siempre es recomendable practicar.

Puedes hacer páginas con algún editor específico de páginas web, pero no es

necesario. Es más, algunos de esos editores esconden las etiquetas HTML al

usuario, de modo que posiblemente lo que aprendas aquí te sería de poca

utilidad.

Agradecimientos

Aparte de dar las gracias a todos aquellos que visitan la web y en especial a los

que se toman la molestia de trabajar conmigo, quiero agradecer especialmente a

todos ustedes que han colaborado en participar de este curso. Si ustedes el

curso no se hubiese podido realizar, aprendo cada vez que llega un día de clase

y trato de mejorar mi prácticas de enseñanza para poder llgar a ti.

Curso: Creación y Diseño de Páginas en Internet I

Efraín Morales

2

2. Versiones del HTML

Las siglas HTML significan HyperText Markup Language, lo que para nosotros

quiere decir que es un lenguaje de hipertexto. Existen múltiples formatos de

hipertexto (por ejemplo, el prorama de ayuda en Windows “Help Center”), una

seria de páginas con instrucciones del sistema y lo que tienen en común es que

todos poseen enlaces a otros temas más especificos.

HTML 2.0

Cuando se produjo la explosión de Internet, el estándar de HTML que circulaba

era el 2.0 (establecido en noviembre del 95), de modo que cualquier navegador

que encontremos será capaz de interpretarlo hoy día. Prácticamente todo lo que

veamos en los próximos capítulos está contemplado por este estándar.

HTML 3.0 y 3.2

Aunque la versión 2.0 cumplía bien el objetivo para el que se creó, carecía de

herramientas para tener un control en las páginas. No se consideró necesario

que lo tuviera, ya que por aquel entonces Internet era un fenómeno más bien a

la actividad académica y el contenido se basaba sobre el diseño. Debido a ello,

Netscape (líder del mercado de navegadores por aquel entonces) empezó a

incluir etiquetas nuevas no incluidas en ningún estándar.

Por estos problemas, el IETF, (el comité que suele decidir todos los estándares

dentro de Internet) comenzó a elaborar el borrador del HTML 3.0, que resultó ser

demasiado grande para la época, lo que atrasó su aceptación en el mercado.

Esto llevó a una serie de compañías (entre ellas Netscape, Microsoft, IBM, Sun,

etc.) a crear un nuevo comité llamado W3C y 508, que es el que actualmente

elabora las nuevas versiones del HTML. Su primer trabajo consistió en crear el

borrador del HTML 3.2, que incluía muchas de las mejoras que los principales

navegadores (Netscape y Explorer) habían introducido en Internet, como son las

tablas, los applets, etc.

Este borrador fue aprobado en enero de 1997 e inmediatamente el W3C se puso

a trabajar en la elaboración del siguiente estándar: el 4.0.

HTML 4.0

Curso: Creación y Diseño de Páginas en Internet I

Efraín Morales

3

En julio de 1997 se presenta el borrador de este estándar. Por fin se

estandarizan los marcos (frames), las hojas de estilo y los scripts (entre otras

cosas). El 17 de diciembre de 1997 dicho borrador fue finalmente aprobado.

3. Mi primera página

El código

Nuestra primera página se guardará con el nombre index.html

<HTML>

<HEAD>

<TITLE>Mi primera pagina</TITLE>

</HEAD>

<BODY>

<CENTER><H1>Mi Primera pagina</H1></CENTER>

<HR>

<P>Esta es mi primera pagina. Por el

momento no se que tendra, pero dentro de poco

pondre aqui muchas cosas interesantes.

</BODY>

</HTML>

La explicación

Lo primero que conviene explicar es, en qué consisten todos esos símbolos de

mayor y menor que están distribuidos por ahí. El lenguaje HTML se basa en la

sintaxis SGML (Standard Generalized Markup Language). Esto quiere decir que

cualquier cosa que hagamos en HTML estará encerrada entre dos etiquetas de

esta manera:

<ETIQUETA parámetros> ... </ETIQUETA>

Hay ocasiones en que no es necesario cerrar la etiqueta. Mirando el código

puedes ver un par de ejemplo que ya explicaré más adelante. Lo primero que

debemos indicar es que el texto que estamos creando es un documento HTML

pues lo indicamos así:

Curso: Creación y Diseño de Páginas en Internet I

Efraín Morales

4

<HTML> ... </HTML>

Un documento HTML tiene una estructura que lo separa en dos partes: cuerpo y

encabezados. En la primera estará la página en sí, mientras que en la segunda

incluiremos algunas cosas que no se ven al principio pero que pueden llegar a

ser muy importantes. Lo primero que hay que incluir en el código son los

encabezados. Lo escribimos de esta manera:

<HEAD>

<TITLE>Mi primera pagina</TITLE>

</HEAD>

Dentro de los encabezados sólo hay otra etiqueta. Es la única imprescindible: el

título de la página. Es lo que veremos como título

...