Gua de Ejercicios de HTML1

Instrucciones: Para desarrollar esta gua debe tener algn conocimiento bsico de la estructura y las etiquetas de los documentos xhtml. Si no lo posee, lea antes el manual que se encuentra en los apuntes de la asignatura. Utilice cualquier editor de html que encuentre (casi todos son buenos) o simplemente utilice algn editor de texto (notepad, gedit, etc). Desarrolle cada ejercicio en un archivo separado. Si no sabe como hacer algo, lea de nuevo el manual o busque en internet.

1. Confeccione una pgina con las marcas mnimas que debe tener y en el cuerpo de la misma disponga su nombre y apellido. 2. Confeccionar una pgina HTML que muestre su nombre y apellido y en la siguiente lnea los nombres de sus padres separados por un guin. 3. Confeccione una pgina que muestre en un prrafo datos referentes a sus estudios y en otro prrafo su nombre y mail. 4. Confeccionar el titular de un peridico con un ttulo de nivel 1. Luego definir dos ttulos de segundo nivel con los textos (Noticias polticas y Noticias deportivas), en cada una de estas secciones definir dos titulares de tercer nivel con un prrafo cada una. Al final de la pgina mostrar un ttulo de cuarto nivel con el nombre de la empresa propietaria del peridico. 5. Confeccionar una pgina que muestre la definicin de tres palabras. Aplicar el elemento strong a cada palabra previo a su definicin. Luego agregar el elemento em a una o a un conjunto de palabras dentro de la definicin. 6. Confeccionar una pgina principal con dos hipervnculos a las pginas pagina2.html y pagina3.html Luego en las dos pginas secundarias disponer hipervnculos a la pgina principal 7. Desarrollar una pgina que muestre dos imagenes llamadas foto2.jpg y foto3.jpg, las mismas se encuetran almacenadas en el servidor en la misma carpeta donde se almacenar la pgina que usted desarrollar. Disponer un ttulo a cada imagen. 8. Crear tres pginas con una foto cada una (foto1.jpg, foto2.jpg y foto3.jpg) luego al ser presionada avanzar a la siguiente pgina, es decir de la pagina1.html llamar a la pagina2.html, de la pagina2.html pasar a la pagina3.html y de sta a la primera. Las imgenes se encuentran en una carpeta llamada imagenes que depende directamente de la raiz del sitio.

1 Listado de ejercicios extrados desde http://www.htmlya.com.ar/

9. Crear tres pginas con una foto cada una (foto1.jpg, foto2.jpg y foto3.jpg) luego al ser presionada avanzar a la siguiente pgina, es decir de la pagina1.html llamar a la pagina2.html, de la pagina2.html pasar a la pagina3.html y de sta a la primera. Las imgenes se encuentran en una carpeta llamada imagenes que depende directamente de la raiz del sitio 10. Disponer una serie de hipervnculos sobre noticias del da. Enlazar los hipervnculos con anclas que se encuentran ms abajo en la misma pgina. 11. isponer una serie de hipervnculos sobre noticias del da. Enlazar los hipervnculos con anclas que se encuentran en otra pgina. 12. Confeccione una lista ordenada con los tres paises con mayor poblacin del planeta. Disponer un ttulo de segundo nivel y debajo de la lista la suma de habitantes de esos tres paises enfatizado. 13. Confeccionar una lista no ordenada que contenga hipervnculos a distintos peridicos que usted conoce. Agregar tantos item como peridicos conoce. 14. Confeccione una lista de definicin de un conjunto de palabras que utilice en su mbito laboral. 15. Confeccionar una tabla que muestre en la primer columna los nombre de distintos empleados de una compaia y en la segunda el sueldo bruto (la compaa tiene 4 empleados) 16. Confeccionar una tabla que muestre en la primer columna los nombre de distintos empleados de una compaa y el la segunda el sueldo bruto (la compaa tiene 4 empleados) Disponer en la tabla un ttulo representativo. 17. Confeccionar una tabla que muestre los nombres de peridicos y su nombre de dominio agrupados por paises. En la primer columna disponer los nombre de paises, expandir en fila de acuerdo a la cantidad de diarios de cada pais. 18. Confeccionar un formulario que permita solicitar pizzas a domicilio. Agrupar los controles aquellos relacionados con el cliente y los referentes al pedido. 19. Confeccionar un formulario que muestre en un control select un serie de mail. Luego permitir que el visitante seleccione uno o varios mail del cuadro de seleccin. 20. Confeccionar un formulario que solicite el ingreso de mail de una persona y luego pida el ingreso de su clave dos veces (recordar inicializar la propiedad name del elemento input con distintos nombres para cada control) 21. Confeccionar un formulario que permita ingresar el nombre de una persona, su mail, su rut y finalmente su curriculum (este ltimo dato hacerlo utilizando un textarea) 22. Confeccione un formulario que solicite el ingreso de un mail, una clave y luego muestre una serie de ttulos de pelculas con su respectivo checkbox. Disponer tambin del botn de tipo submit para el envo de datos al servidor. 23. Confeccionar un formulario que solicite cual sistema operativo utiliza ms (linux o window) 24. Confeccionar un formulario que solicite el ingreso del nombre de una persona y permita votar el sitio. Mediante un cuadro de seleccin el visitante puede elegir entre las siguientes opciones: Excelente, Muy Bueno, Bueno, Regular y Malo.

Webliografa
http://www.htmlya.com.ar/ http://manual-xhtml.blogspot.com/ http://www.w3schools.com/xhtml/default.asp http://htmlhelp.com/ http://www.htmlquick.com/