Ejercicios Propuesto de HTML
1. Confeccionar una página que muestre los nombres de 5 lenguajes de programación
separados por un guión.
2. Confeccionar una página HTML que muestre distintos lenguajes de programación,
mostrarlos uno por línea.
3. Confeccione una página que muestre dos párrafos. En el primero agregar varios saltos
de línea.
4. Confeccionar una página que contenga un título de primer nivel <h1> y luego dos
títulos de nivel <h2>. Definir un párrafo para cada título de segundo nivel.
5. Confeccionar una página principal que tenga un hipervínculo a otra página secundaria.
La página secundaria debe tener también un hipervínculo a la página principal.
6. Confeccionar una página que contenga un enlace al sitio de google.
7. Implementar una página que muestre una imagen llamada [Link] que se encuentra
en el mismo servidor y en la misma carpeta donde se localiza el archivo HTML.
8. Confeccionar una página que muestre dos imagenes ([Link] y [Link]) como
hipervínculos. Al ser presionados llamar a otra página.
9. Mostrar el orden de llegada de tres corredores utilizando el elemento HTML ol.
10. Confeccionar una página HTML que contenga una lista no ordenada con cuatro
lenguajes de programación muy populares. Agregar un título de segundo nivel
indicando el concepto de esta lista.
11. Implementar una página que enumere una serie de paises en una lista ordenada y
luego en cada pais disponer una lista de hipervínculos de periódicos de dicho pais.
12. Añade al ejercicio propuesto 5 una lista no ordenada de lenguajes de programación.
Luego disponer una lista ordenada con hipervínculos a sitios que tratan dichos
lenguajes.
13. Confeccionar una tabla que muestre los nombres de países en una columna y su
cantidad de habitantes en otra. Disponer un título de los datos que representa la tabla.
GFPI-F-019 V03
14. C o n f e c c i o n a r u
dominio agrupados por países. En la primera columna disponer los nombres de países,
expandir en fila de acuerdo a la cantidad de diarios de cada país. Por ejemplo,
podemos llegar a obtener una tabla parecida a la siguiente:
15. Confeccionar una tabla que muestre la facturación de los últimos tres meses de los
artículos:'Discos Duros', 'CPU' y 'Monitores'. La primer columna debe mostrar solo el
texto 'recursos' y en la primer fila el texto 'Facturación de los últimos tres meses'.
EJERCICIOS CSS.
1. En una página web que contenga alguna etiqueta H2, realiza en la marca H2 un estilo
cuyo color de texto sea azul y el fondo celeste, tamaño de fuente 14 puntos y
subrayada. La fuente de tipo Arial.
2. Crea una Web usando un estilo CSS de forma externa que cumpla las siguientes
características:
a. Imagen de fondo
b. Color del párrafo #ff0000, tamaño fuente 12 y subrayado.
c. Para h1 color rojo, alineación izquierda y negrita.
d. Para h2 color verde, centrada y cursiva.
e. Para h3 color marrón, alineación derecha y normal.
3. Mostrar dos títulos con texto de color rojo sobre fondo amarillo.
4. Crear una página HTML y definir tres títulos empleando los elemento h1, h2 y h3.
Definir el mismo color para el texto de cada bloque y colores diferentes para el fondo
de los mismos.
5. Definir para el elemento h1 una fuente de tipo 'new times roman', fuente de 30
pixeles, estilo italic y peso bold.
GFPI-F-019 V03
6. Para la marca h2 definir una fuente de tipo 'verdana' y de 20 píxeles de alto.
7. Definir estilos relacionados al texto para los elementos de cabecera h1,h2 y h3,
inicializando las propiedades: color, text-align y text-decoration con los siguientes
valores:
para el elemento h1:
color:#ff0000;
text-align:left;
text-decoration:underline;
para el elemento h2:
color:#dd0000;
text-align:center;
text-decoration:underline;
para el elemento h3:
color:#aa0000;
text-align:right;
text-decoration:underline;
8. añadir los selectores a las reglas CSS para aplicar los estilos deseados y crear una
página web que tenga el mismo aspecto que la siguiente imagen:
9. escribir las reglas CSS necesarias para lograr una página web que tenga el mismo
aspecto que la siguiente imagen:
GFPI-F-019 V03
10. escribir las reglas CSS necesarias para lograr una página web que tenga el mismo
aspecto que la siguiente imagen:
11. escribir las reglas CSS necesarias para lograr una página web que tenga el mismo
aspecto que la siguiente imagen:
GFPI-F-019 V03
