CAPITULO 1 (Introducción)

Comentario preliminar

Bienvenido a este curso de Edición Extremadamente Simple de HTML. No te asustes, el HTML no es tan dificil como dicen algunos por ahí (Si yo puedo entenderlo, ten por seguro que cualquiera puede).

Para empezar, enterate de esto: HTML significa HiperText Markup Language, o dicho en Román Paladino: Lenguaje de marcas de hipertexto. No es que saberlo sirva de mucho, pero decirlo suena muy bién y parecerá que sabes mucho del tema.

El HTML no es mas que texto plano (o sea, sin formatos raros como los de WordPerfect o Word ) pero con unas etiquetas (Tags, dicen los barbaros, y como a mí me hace gracia la palabra, yo también la usaré) que le describen a tu navegador cosas como el color del fondo, el tipo de letra, donde vá colocado un dibujo... y todo lo que haga falta para que la Peich en cuestión se vea medio bonita. a esto se le llama Formatear un texto, y los que conozcan al amigo LINUX les sonará el TeX o el LaTeX, que funcionan mas o menos igual. La ventaja de esto es que para ver un texto procesado (WP, Word) necesitas el procesador de textos en cuestión, y con los textos formateados, en el peor de los casos, con un simple editor de textos (EDIT en DOS, Notepad en WINDOWS, Vi en Linux) te las apañas para leer lo que pone. Además, el HTML es multiplataforma, o sea, que da igual que clase de maquina uses, que puedes ver la pagina.

Hoy dia existen muchas herramientas que editan el HTML sin que tú tengas que saber nada de tags ni otras cosas raras. Esto es muy practico y comodo, pero tiene el inconveniente de que la mayoría de ellas usan extensiones propias que solo reconocen sus navegadores (Los casos mas flagrantes son Netscape y, sobre todo, Microsoft.) por ello conviene conocer un poco de como funciona el HTML para, en un momento dado, editar "a pelo" lo que nos interese.

El gupo de personas que se encarga de normalizar el HTML es el World Wide Web Consortium, también llamado W3C. ( El famoso sentido del humor "peculiar" de los informáticos hace que esto se lea WWWC.) Actualmente el HTML se encuentra en su versión 4.0, de la cual existen tres "sabores" que son el HTML Transitional (HTML de transición), el HTML Strict (HTML Estricto) y el HTML Frameset (algo así como "HTML con frames"). El HTML Strict es el que sigue estrictamente las normas del W3C, el HTML Transitional es el que aún conserva algunas cosas de versiones anteriores del HTML que se han eliminado en la versión 4.0, y el HTML Frameset es el mismo HTML Transitional con soporte para frames.

Desafortunadamente, por las razones a las que antes aludíamos, seguir estrictamente las especificaciones del W3C es el camino mas corto para no acertar con ningún browser, sobre todo teniendo en cuenta que la versión 4.0 es aún muy reciente. Por ello en este curso seremos un poco flexibles y usaremos la especificación de HTML 4.0 Transitional y, posteriormente, algunas extensiones propietarias que estén mas o menos generalizadas.

En cualquier caso, no olvides que una peich NUNCA se verá exactamente igual en todos los navegadores. He procurado poner en este curso lo mas genérico, pero hay cosas que unos navegadores entienden y otros no, y cosas que interpretan de distinta forma. Te recomiendo que, cuando crees tus páginas, hagas la prueba con dos o mas navegadores distintos.

Estructura del curso

Este curso está pensado para ir introduciendo elementos básicos y fáciles en los primeros capítulos, e ir aumentado la complejidad conforme se avance. Una persona que no sepa absolutamente nada de HTML puede acabar conociendolo completamente al final de este.

Esto es un curso, no un guía de referencia. Esto quiere decir que no está pensado para poder encontrar de forma exahustiva todos los usos de un elemento o los modificadores aplicables a él. Pese a que, al final del curso, se habrán visto todos y cada uno de los elementos de HTML 4.0, estos se han distribuido por niveles de dificultad, con lo que acceder a uno de ellos concretamente no es inmediato.

La estructura de este curso de Edición Extremadamente Simple de HTML es de lo más elemental. Cuando se introduzca algún tipo de instrucción nueva, ya sea un tag o una opción para uno de ellos (ya sabrás en su momento qué es eso), esta aparecerá en color rojo. Cuando se presente un ejemplo de codigo fuente, se mostrará en un tono verde oliva (precioso y muy elegante) y en un tipo de letra de paso fijo. Estos ejemplos pueden copiarse tal como están a un editor de texto normal, guardarse con la extensión *.HTM o *.HTML, y abrirlos con cualquier navegador. Las advertencias sobre algún punto en concreto se mostrarán en cursiva.

Todo esto contando con que tu navegador sea gráfico, tenga colores, y soporte hojas de estilo. En navegadores de texto, monocromos, braille, sintetizadores de voz, etcetera, no verás los colores (obviamente), pero he tratado que el tutorial sea accesible en la mayoría de circunstancias.

En cualquier caso, aquí tienes unos ejemplos de cada uno de estos casos:

La primera vez que aparezca un comando nuevo, usaremos este aspecto.

He intentado usar un tipo de letra que sea claramente distinto al resto del texto. Si tu navegador soporta hojas de estilo CSS verás que los textos de los ejemplos y los avisos aparecen rodeados por unos cuadros de color. Si no los ves no te preocupes, se pueden deducir facilmente por el contexto, de modo que este curso se puede seguir perfectamente sin colores o tipografías.

Este curso se ha diseñado para los usuarios hispanohablantes, se supone que tu máquina interpreta perfectamente los caracteres de la familia LATIN-1. el usar otro grupo de caracteres no impedirá en ninguna forma la lectura del curso, pero casi seguro que hará que haya problemas para ver los primeros ejemplos que se muestren. Para evitar este problema solo habría sido necesario introducir al principio del curso algunos conceptos como los códigos html para los caracteres especiales, pero estos conceptos, aunque no son nada dificiles, si pueden resultar un poco complicados al principio (lo sé por experiencia personal), por lo que he preferido dejarlos para más tarde.

Si quieres ver si tu navegador reconoce sin problemas el LATIN-1, pica en este link

Si, en un capítulo del curso picas con el ratón en el título de la cabecera (el dibujo), regresarás inmediatamente al Indice, a la página inicial de este.

En la barra que aparece al final de cada capítulo, la opción Atras te hará regresar al capítulo anterior, Arriba te mandará al inicio del mismo capítulo en el que estés, Indice te llevará al indice (parece evidente), y Siguiente te enviará directamente al proximo capitulo.