Ejercicios de Etiquetas de HTML( listas, tablas, formularios) 14.
- Lista ordenada (<ol>)
14.1.- Mostrar el orden de llegada de tres corredores utilizando el elemento HTML ol. Luego agregar otros items a la lista. 14.2.- 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.
15.- Lista no ordenada (<ul>)
15.1.- Confeccionar una pgina HTML que contenga una lista no ordenada con cuatro lenguajes de programacin muy populares. Agregar un ttulo de segundo nivel indicando el concepto de esta lista. 15.2.- Confeccionar una lista no ordenada que contenga hipervnculos a distintos peridicos que usted conoce. Agregar tantos item como peridicos conoce.
16.- Lista de definiciones (<dl>)
16.1.- Confeccionar una lista de definicin indicando en los conceptos distintos lenguajes de programacin. En la definicin hacer una breve introduccin del mismo. 16.2.-Confeccione una lista de definicin de un conjunto de palabras que utilice en su mbito laboral.
17.- Listas anidadas.
17.1.- Implementar una pgina que enumere una serie de paises en una lista ordenada y luego en cada pais disponer una lista de hipervnculos de peridicos de dicho pais. 17.2.- Confeccionar una lista no ordenada de lenguajes de programacin. Luego disponer una lista ordenada con hipervnculos a sitios que tratan dichos lenguajes.
18.- Tabla (<table><tr><td>)
18.1.- Confeccionar una tabla que muestre los nombre de paises en una columna y su cantidad de habitantes en otra. 18.2.- 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)
19.- Tabla con encabezado (<th>)
19.1.- Confeccionar una tabla que muestre los nombre de paises en una columna y su cantidad de habitantes en otra. Disponer un ttulo a cada columna mediante celdas creadas mediante el elemento th.
Pgina 1
Ejercicios de Etiquetas de HTML( listas, tablas, formularios)
19.2.- Confeccionar una tabla que muestre en la primer columna los nombre de distintos empleados de una compaa y en la segunda el sueldo bruto (la compaa tiene 4 empleados) Mostrar los textos 'Nombre del Empleado' y 'Sueldo Bruto' como primer fila de la tabla.
20.- Tabla con ttulo (<caption>)
20.1.- Confeccionar una tabla que muestre los nombre de paises en una columna y su cantidad de habitantes en otra. Disponer un ttulo de los datos que representa la tabla. 20.2.- 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.
21.- Tabla y combinacin de celdas.
21.1.- Confeccionar una tabla que muestre la facturacin de los ltimos tres meses de los artculos:'Discos Duros', 'CPU' y 'Monitores'. La primer columna debe mostrar solo el texto 'recursos' y en la primer fila el texto 'Facturacin de los ltimos tres meses'. 21.2.- 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.
22.- Contenido de la cabecera de la pgina (<title>)
22.1.- Confeccionar dos pginas que inicialicen el elemento title. Disponer un hipervnculo en cada pgina. 22.2.- Confeccionar una pgina que muestre en el elemento title el nombre de dominio del sitio.
23.- Contenido de la cabecera de la pgina (<meta>)
23.1.- Confeccionar una pgina HTML. Definir el elemento title y los metadatos para indicar autor, palabras claves para buscadores, descripcin de la pgina y copyright.
24.- Comentarios dentro de una pgina <!-- -->
24.1.- Confeccionar una pgina que contenga una tabla. Almacenar en un comentario datos referentes al contenido de la tabla que solo interesen al desarrollador.
24.2.- Confeccionar un pgina que muestre dos tablas. Luego comentar la segunda y ver el resultado.
25.- Sintaxis para caracteres especiales.
25.- Mostrar las siguiente ecuacin: 10+x*y agregar aqu el smbolo menor 12*z
Pgina 2
Ejercicios de Etiquetas de HTML( listas, tablas, formularios)
25.2.- Mostrar una tabla con dos columnas en la primera enumerar una serie de artculos y en la segunda sus precios (agregarle el caracter de Euros a cada precio)
26.- Formulario - <form>
26.1.- Confeccionar un formulario que contenga un cuadro de texto donde el visitante debe ingresar su nombre y un botn de tipo submit para el envo de los datos ingresados al servidor (tener en cuenta que la pgina que procesa los datos del formulario en el servidor se encuentra en la raiz del sitio y se llama: [Link]
26.2.- Confeccionar un formulario que solicite el ingreso del nombre de una persona y su edad. Luego llamar a la pgina "/[Link]" para que imprima en pantalla los valores ingresados. Disponer un botn de tipo submit para el envo de los datos.
27.- Formulario - input type="text"/ input type="password"
27.1.- Confeccionar un formulario que solicite el ingreso del nombre de un usuario y su clave. Mostrar asteriscos donde se ingresa la clave. Disponer dos botones, uno para el envo de datos al servidor y otro para borrar el contenido de todos los controles (editores de texto) que contiene el formulario.
27.2.- Confeccionar un formulario que solicite el ingreso del nombre de una persona y su edad. Luego llamar a la pgina "/[Link]" para que imprima en pantalla los valores ingresados. Disponer un botn de tipo submit para el envo de los datos.
28.- Formulario textarea
28.-1.- Confeccionar un formulario para que un visitante pueda ingresar su nombre, su mail y un comentario del sitio, empleando para este ltimo dato a ingresar un elemento de tipo textarea. 28.2.- Confeccionar un formulario que permita ingresar el nombre de una persona, su mail, su dni (documento nacional de identidad) y finalmente su curriculum (este ltimo dato hacerlo utilizando un textarea)
29.- Formulario - input type="checkbox"
29.1.- Implementar un formulario que solicite el ingreso del nombre de una persona y 4 elementos de tipo checkbox para que seleccione los lenguajes de programacin que conoce.
29.2.- 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.
Pgina 3
Ejercicios de Etiquetas de HTML( listas, tablas, formularios) 30.- Formulario - input type="radio"
30.1.- Solicitar el ingreso del nombre de una persona y el mximo nivel en estudios alcanzado (sin estudios, estudios primarios, estudios secundarios o estudios universitarios) Ulitilzar controles de tipo radio para la seleccin de estudios realizados. 30.2.- Confeccionar un formulario que solicite cual sistema operativo utiliza ms (linux o window)
31.- Formulario - select (cuadro de seleccin individual)
31.1.- Confeccionar un formulario que solicite cargar el nombre de una persona y el pais donde vive, este ltimo elemento mediante un control de tipo select permitir seleccionar el pais. (Agregue la propiedad size al elemento select con el valor 5) 31.2.- 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.
32.- Formulario - select (cuadro de seleccin mltiple)
32.1.- Confeccionar un cuadro de seleccin mltiple para elegir colores de una lista. Permitir la seleccin de varios colores. 32.2.- 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.
33.- Formulario - select (agrupamiento de opciones)
33.1.- Confeccionar una pgina que muestre un control de tipo select. Agrupar las opciones en dos grupos, en uno las frutas y en otro las verduras. Utilizar el elemento optgroup para el agrupamiento. 33.2.- Confeccione un control de tipo select con los nombres de paises de Amrica y Europa. Agrupe los paises por continente.
34.- Formulario button
34.1.- Confeccionar un formulario que solicite el ingreso del nombre de una persona y dos elementos button para subir el dato al servisor o borrar el dato cargado. 34.2.- Confeccionar un formulario que solicite el ingreso del nombre de usuario y su clave. Disponer un botn para subir los datos al servidor (en el botn escribir el texto: "Ingreso al" y en la lnea siguiente "sitio")
35.- Formulario - input type="button"
35.1.- Confeccionaremos una pgina que muestre el teclado de una calculadora. Utilizar el elemento input inicializando la propiedad type con el valor "button".
Pgina 4
Ejercicios de Etiquetas de HTML( listas, tablas, formularios)
35.2.- Confeccionar una pgina que muestre una pregunta y luego tres respuestas posibles. Al lado de cada respuesta disponer un botn creado con el elemento input inicializando la propiedad type con el valor="button"
36.- Formulario - input type="file"
36.1.- Confeccionar un formulario que solicite el ingreso del nombre de una persona y permita seleccionar y enviar su foto. 36.2.- Confeccionar un formulario que solicite y enve al servidor dos archivos.
37.- Formulario - input type="hidden"
37.1.- Confeccionar un formulario que solicite ingresar el nombre de una persona y en un campo oculto almacene una hora cualquiera.
38.- Formulario - agrupamiento de controles.
38.1.- Confeccionar un formulario que solicite los datos personales de una persona y los datos del lugar donde trabaja, cada grupo de datos disponerlos en un fieldset.
38.2.- Confeccionar un formulario que permita solicitar pizzas a domicilio. Agrupar los controles aquellos relacionados con el cliente y los referentes al pedido.
39.- Formulario - controles con valores iniciales.
39.1.- Confeccione un formulario que solicite el ingreso del nombre de una persona. Luego que seleccione si es mayor de edad o no (por defecto inicializar en si),seguidamente el telfono (cargar por defecto 453-) y por ltimo en un textarea solicitar que ingrese comentarios.
39.2.- Confeccione un formulario de un libro de visitas, se debe solicitar el nombre, mail, pais de origen (por defecto la opcion seleccionada debe ser "seleccione pais"), valoracin del sitio (malo,regular,bueno,muy bueno, excelente) por defecto debe estar seleccionado "bueno". Por ltimo disponer un textarea donde se puede ingresar los comentarios.
40.- Formulario - orden de foco de controles.
40.1.- Implementar un formulario que contenga una matriz de tres filas y tres columnas de elementos de tipo text. Hacer que el foco sea por columna, es decir primero tomar foco el text de la primer fila y primer columna, luego el text de la segunda fila y primer columna etc. (si no definimos la propiedad tabindex la carga de datos se efectua por fila)
40.2.-:Definir una matriz de 4 filas y 4 columnas de elementos de tipo text. Luego hacer la carga de todos los elementos del permetro y finalmente los cuatro elementos centrales.
Pgina 5
Ejercicios de Etiquetas de HTML( listas, tablas, formularios) 41.- Formulario - Inhabilitar controles.
41.1.- Confeccionar un formulario que muestre tres controles de tipo radio. Mostrar los textos Nios, Adolescentes y Mayores. Deshabilitar el el elemento radio que corresponde a Nios.
41.2.- Confeccionar un formulario que muestre un control de cada tipo y los muestre todos deshabilitados. (Cuando conozca JavaScript podemos habilitarlos por ejemplo si el visitante ingresa una clave correcta, por ahora vea como queda visualmente el formulario con los controles deshabilitados)
42.- Formulario - text/password y maxlength
42.1.- Confeccionar un formulario que solicite el nombre de usuario y su clave, solo permitir ingresar en el nombres de usuarios hasta 20 caracteres y la claves hasta 12.
42.2.- Confeccionar un formulario que solicite el ingreso del nombre y apellido de una persona (hasta 40 caracteres), su edad (3 caracteres como mximo) y su documento nacional de identidad (hasta 8 caracteres)
43.- Formulario - text/password/textarea y readonly
43.1.- Confeccionar un formulario que aparezca el nombre de una empresa en un text y el texto de un contrato en un textarea, ambos de solo lectura.
43.2.- Crear un controles de tipo text,password y textarea. Disponerlos todos de solo lectura.
44.- Formulario - Envo de datos mediante mail.
44.1.- Confeccionar una pgina que permita hacer un reclamo de reparaciones y se enven los datos a una direccin de correo. Se debe poder ingresar el nombre, direccin y un comentario del problema 44.2.- Confeccionar un formulario que permita solicitar pizzas a domicilio. Enviar el pedido a la direccin de correo pizzasya@[Link]
45.- Formulario label
45.1.- Confeccionar un formulario que solicite el ingreso del nombre, mail y comentarios de un visitante al sitio. Asociar cada control con un elemento label.
45.2.- Confeccionar una pgina que permita calificar un sitio. Se debe ingresar el nombre y mediante un control de tipo select elegir un valor entre 1 y 10. Asociar elementos de tipo label a cada control.
Pgina 6
