Técnicas Básicas de HTML
Listas desplegables encadenadas
Contexto
Algunas aplicaciones web disponen de varias listas desplegables encadenadas. En este tipo de listas, cuando se selecciona un elemento de la primera lista desplegable, se cargan en la segunda lista unos valores que dependen del valor seleccionado en la primera lista.
El mayor inconveniente de este tipo de listas se produce cuando existen un gran número de opciones posibles. Si se considera por ejemplo el caso de una tienda, en la primera lista desplegable se pueden mostrar decenas de productos y en la segunda lista se muestran los diferentes modelos de cada producto y sus precios.
Si todos los elementos de las listas desplegables se almacenan mediante arrays de JavaScript en la propia página, los tiempos de carga se pueden disparar y hacerlo completamente inviable.
Por otra parte, se puede optar por recargar completamente la página cada vez que se selecciona un valor diferente en la primera lista desplegable. Sin embargo, recargar la página entera cada vez que se selecciona un valor, aumenta la carga en el servidor y el tiempo de espera del usuario.
Una posible solución intermedia consiste en actualizar las listas desplegables mediante AJAX. Los valores de la primera lista se incluyen en la página web y cuando se selecciona un valor de esta lista, se realiza una consulta al servidor que devuelve los valores que se deben mostrar en la otra lista desplegable.

Para insertar las opciones en la lista desplegable, se pueden utilizar dos técnicas:
1. Propiedad innerHTML de la lista y código HTML de cada etiqueta .
2. Crear elementos de tipo opción (new Option(nombre, valor)) y añadirlo al array options[] de la lista desplegable.
3) Añadir de forma semántica el evento adecuado a la lista de provincias para que cuando se seleccione una provincia, se carguen automáticamente todos sus municipios en la otra lista.
4) Cuando se seleccione una determinada provincia, se carga mediante AJAX la lista completa de municipios en la otra lista desplegable. El script del servidor se llama cargaMunicipiosXML.php. El parámetro que se debe enviar al servidor es el código de la provincia y el parámetro se llama provincia. El método que espera el servidor es POST. El formato de la respuesta es XML, con la siguiente estructura:

0014
Alegría-Dulantzi

...

Elementos Básicos de HTML
HTML Básico
Una vez que hemos visto cual es la idea básica de la Web y nos sentimos suficientemente motivados para aportar nuestro granito de arena al proyecto, podemos empezar a manejar el HTML.
En un principio estaríamos inclinados a pensar que un lenguaje que nos permite crear un documento interactivo, que enlace con otros objetos (no sólo documentos, si no imágenes, animaciones, ficheros de sonido o incluso programas que se ejecutan en maquinas lejanas y nos dan el resultado) fuese tremendamente complicado. Pero, para nuestro alivio, esto no es así en absoluto.
El HTML es sencillísimo, no es exageración. Esto es debido a que todo el trabajo lo realiza el visualizador (``browser''), y no nos tenemos que preocupar de cosas m's técnicas que las únicamente imprescindibles, que son pocas. Además esto nos libera de muchas cuestiones de estética: hay tantos visualizadores en uso que una misma página se ve necesariamente de forma diferente en cada uno, con lo que no debemos preocuparnos de cómo va a quedar la página en el sentido gráfico, si no de si la información sigue un esquema lógico, si las conexiones (``links'') están bien hechas, etc.

Ejemplo de código HTML

Un Titulo para el Browser de turno

Otro título, esta vez más largo.

EL Gato Felix Hoola.

Esto es un parrafo con informacion
super importante. Notese que las lineas salen pegadas aun dejando
espacios, saltos de linea, etc.
¡ Si pongo esto
si cambia de linea!

Otro parrafo, esto ya es un poco rollo.

Esto es una lista no ordenada.
Las listas quedan mejor si tienen varios elementos.

Me voy al IAC.
Vamos a crear un ancla , o lo que es lo mismo, un anchor.

Tu visualizador lo vería así.
El HTML se basa en una serie de etiquetas (``tags''), que casi siempre hay una al principio y otra al final. Lo que si es común a todas es que están englobadas en los símbolos em mayor que y menor que, de forma: . Veamos las del ejemplo en detalle:

De manipulación de texto:
Hay una gran cantidad, y son los que confieren al texto un aspecto determinado. Veamos las más importantes.
•

Divide el texto en párrafos. No basta con dejar líneas en blanco como en LaTeX: HTML ignora los espacios en blanco fuera de los tags.
No es necesario usar

En muchos sitios dicen de ponerlo al final. No es recomendable ya que no sirve para meter líneas en blanco, y si lo usamos así se nos puede olvidar alguno.
Para pasar a la siguiente línea sin empezar un nuevo párrafo, usamos
(sin
).
Para crear una línea horizontal, tenemos
(sin ).
•

,,...
Crea títulos (``headers'') de diferentes tamaños (1 es el mayor).
•
El texto que no queremos que la gente vea.
•
Para trozos de textos que son citados y deben aparecer aparte.
• Listas
o No numeradas: y cada elemento:

No es necesario usar

Cada elemento lo precede de un símbolo (``bullet'').
Pueden ser anidadas, para ello se empieza (y se termina) una lista detro de otra.
o Numeradas u ordenadas: y cada elemento:

o Descripciones: un argumento:

y su descripción:

No es necesario usar ni
• De énfasis.
No se deben usar