Scribd
Cargar
2K vistas20 páginas

Ejercicios HTML y CSS

Este documento proporciona instrucciones para 9 ejercicios de práctica de HTML y CSS. Los ejercicios incluyen vincular un archivo HTML con CSS, crear la estructura básica de una página web con encabezado, menú, contenido, barra lateral y pie de página, y modificar los estilos CSS para cambiar el ancho, alto y diseño de los diferentes elementos de la página.

Cargado por

diego jimenez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
2K vistas20 páginas

Ejercicios HTML y CSS

Este documento proporciona instrucciones para 9 ejercicios de práctica de HTML y CSS. Los ejercicios incluyen vincular un archivo HTML con CSS, crear la estructura básica de una página web con encabezado, menú, contenido, barra lateral y pie de página, y modificar los estilos CSS para cambiar el ancho, alto y diseño de los diferentes elementos de la página.

Cargado por

diego jimenez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 20

Diseño Web, HTML

CSS
Ejercicios
HTML y CSS
Ejercicio HTML y CSS

1. Crear un documento HTML y vincularlo con un CSS

2. Crear una estructura HTML que cuente con un contenedor general,


cabecera, menú, barra lateral, sección de contenido principal, elementos
dentro del contenedor principal y footer
3. Todo el contenido debe estar dentro del contenedor general y su ancho
será de 1200px y estar centrado

4. El Header debe ocupar el 100% del ancho y tener un texto grande


centrado
Ejercicio HTML y CSS

5. Menú debe tener los elementos uno al lado del otro


6. El contenido principal debe tener un ancho del 70%
7. El contenido dentro del contenedor principal debe ser una cuadricula con
4 líneas de 2 cajas
8. La barra lateral debe tener un ancho del 30%
9. El footer debe tener un ancho del 100% del div que lo contiene y estar
abajo del todo
Respuesta Ejercicio 1

Vincular .html y . css


Respuesta Ejercicio 2
Crear contenedor General
Respuesta Ejercicio 2
Crear contenedor General
Respuesta Ejercicio 2

Crear la cabecera
Respuesta Ejercicio 2

Crear el menú

<nav> representa una


sección de una página cuyo
propósito es proporcionar
enlaces de navegación, ya
sea dentro del documento
actual o a otros
documentos.
Respuesta Ejercicio 2

Sección del Contenido


Principal
Respuesta Ejercicio 2

Crear barra lateral

Estas secciones son a menudo representadas como barras laterales o como inserciones y
contienen una explicación al margen como una definición de glosario, elementos relacionados
indirectamente, como publicidad, la biografía del autor, o en aplicaciones web, la información de
perfil o enlaces a blogs relacionados.
Respuesta Ejercicio 2

Crear footer
Respuesta Ejercicio 2

Resultado Ejercicio
2
Respuesta Ejercicio 3 – Modificamos .css

Modificamos el
contenedor
principal, en su
ancho y centrado
Respuesta Ejercicio 4 – Modificamos .css

Modificamos el
header en ancho ,
alto, tamaño fuente,
color.
Respuesta Ejercicio 5 – Modificamos .css

Los elementos del


menú, deben estar
uno al lado del otro.
Respuesta Ejercicio 6 y 8 – Modificamos .css

Ancho del
contenido principal
y barra lateral
Respuesta Ejercicio 7 – Modificamos .css

Modificamos las
cajas
Respuesta Ejercicio 9 – Modificamos .css

Modificamos el
footer

También podría gustarte