Ejercicios de HTML Esttico

Realice los ejercicios que se describen a continuacin usando el editor de HTML indicado por los profesores de la asignatura y el servidor web estudiado en las prcticas previas.
Escuela Tcnica Superior de Ingeniera Informtica Departamento de Lenguajes y Sistemas Informticos

Grupo de Ingeniera del Software, noviembre 2004

Tablas y formularios

Enunciado
1. Tablas Cree con el editor de HTML una pgina web con su horario de clases, de forma similar a la de la figura. Para controlar la alineacin vertical del texto de las celdas puede usar el atributo valign con el valor middle. Para cambiar el color de fondo de las celdas use el atributo bgcolor. Si ya est familiarizado con las hojas de estilo CSS, evite usar los atributos comentados en el prrafo anterior y cree una hoja de estilo en la que se defina la alineacin vertical de las celdas (vertical-align) y el color de fondo (background-color). Aada informacin extra a cada celda mediante el atributo title. 2. Formularios Cree un formulario con la apariencia del que puede verse en la figura debajo de este texto. Utilice una tabla para alinear los distintos elementos. Utilice la etiqueta label para asociar texto con los controles. Utilice tambin el atributo title para aadir informacin a cada control que ayude al usuario a rellenar el formulario. Utilice como mtodo get y observe el valor de la URL cuando pulsa el botn de enviar el formulario. Observe la conducta del formulario al pulsar con el ratn sobre el texto dentro de las etiquetas label. Observe la conducta al pulsar Enter. Elimine el botn de enviar el formulario y pulse la tecla Enter se sigue enviando el formulario? Observe cmo cambia la conducta de los distintos tipos de controles mediante los atributos disable y readonly. Proporcione valores por defecto para los controles. Aada un botn de reinicio del formulario. Observe la conducta. Aada un botn de imagen (input con type="image") y observe la conducta. Si ya est familiarizado con las hojas de estilo CSS, defina una para cambiar la fuente y el color de algunos controles.