Proyecto 018 - Parte 01

Resolver el Proyecto 018 **************************************************************************** 1.- Digitar la estructura base de HTML5, incluyendo el atributo de lenguaje, metadatos. 2.- Aplicar: * Ubicarte debajo del title y crear un link para enlazar con tu archivo estilo.css 3.- Aplicar html5: * Dentro del body digitar la etiqueta main. * Dentro del main ingresar la etiqueta header. * Dentro del header, ingresar la etiqueta h1: Proyecto 018 * Debajo del cierre de la etiqueta h1, crear un párrafo. * Dentro del párrafo aplicar una negrita. * Dentro de la negrita aplicar cursiva y digitar: Estructura de una página web 4.- Aplicar css: * Resetear la página (margin, padding, box-sizing) 5.- Aplicar css: * Al header, aplicar color de fondo * Al header h1, aplicar: - Color de fuente - Alineación centrar - Espaciado interior: + Arriba 20px + Derecha, abajo, izquierda 0px * Al header p, aplicar: - Espaciado interior: + Arriba y abajo 10px, izquierda y derecha 15px 6.- Aplicar Html5: * Debajo del comentario del Fin del header apertura un nav * Dentro del nav crear 4 vínculos (Nosotros, Catalogo, Contáctanos, Iniciar Sesión) 7.- Aplicar css: * Al nav, aplicar: - Color de fondo - Alineación centro - Espaciado interior: + Arriba, abajo 10px e izquierda, derecha 0px * Al nav a, aplicar: - Quitar formatos a los vínculos - color de fuente - Negrita 900 - margen derecho 10px 8.- Aplicar html5: * Debajo del comentario Fin del nav, crear un section * Dentro del section, crear un article y dar el nombre de identificador art1 * Dentro del article, crear un h1: Articulo 1 * Debajo del h1, crear un párrafo con un texto de prueba * Debajo del article de cierre, crear un article y dar el nombre de identificador art2 * Dentro del article, crear un h1: Articulo 2 * Debajo del h1, crear un párrafo con un texto de prueba * Debajo del article de cierre, crear un article y dar el nombre de identificador art3 * Dentro del article, crear un h1: Articulo 3 * Debajo del h1, crear un párrafo con un texto de prueba * Debajo del article de cierre, crear un article y dar el nombre de identificador art4 * Dentro del article, crear un h1: Articulo 4 * Debajo del h1, crear un párrafo con un texto de prueba 9.- Aplicar css: * Al section aplicar: - Color de fondo - Máximo de ancho 800px - margen 0px auto - Espacio interno 20px - alineación justificar * Al identificador art1 aplicar: - Color de fondo - Estilo de borde: solid - Ancho del borde: 5px - Color del borde - Contorneo del borde: 25px 25px 25px 25px; - Espaciado interior: 10px - Margen inferior: 20px * Al art1 h1, aplicar: - Color de fondo - Color de fuente - margen: -10 - contorno del borde: 20px 20px 0px 0px - espaciado interior: 0px 10px 5px 10px * Al art1 p, aplicar: - Margen superior: 20px * Al art2, aplicar: - color de fondo - Estilo de borde: dashed - Grosor de borde: 5px - Color de borde - Contorno del borde: 0px 25px 0px 25px - Espaciado interior: 10px - Margen inferior: 20px * Al art2 h1, aplicar: - Color de fondo - Color de fuente - margen: -10px - Contorno del borde: 0px 20px 0px 0px - Espaciado interior: 0px 10px 5px 10px * Al art2 p, aplicar: - Margen superior: 20px * Al art3, aplicar: - Color de fondo - Estilo de borde: Groove - Ancho de borde: 5px - Color de borde - Entorno de borde: 25px 25px 0px 0px - Espaciado interior: 10px - Margen interior: 20px * Al art3 h1, aplicar: - Color de fondo - Color de fuente - Margen: -10px - Contorno de borde: 20px 20px 0px 0px - Espaciado interior: 0px 10px 5px 10px * Al art3 p, aplicar: - margen superior: 20px * Al art4, aplicar: - Ancho: 350px - Espaciado interior: 50px - Contorno de borde: 100% - Margen: 0px auto - Color de fondo - Estilo de Borde: double - Ancho de borde: 10px - Color de borde - Margen inferior: 20px * Al art4 h1, aplicar: - Color de fondo - Color de fuente - Alinear el texto: Centro - Margen superior: 10px - Espaciado interior: 0px 10px 5px 10px * Al art4 p, aplicar: - Margen superior: 20px - Margen inferior: 10px 10.- Aplicar html5: * Debajo del comentario del Fin del contenido, crear un footer * Dentro del footer, crear un párrafo: A partir de ahora, las noticias las das tu * Debajo del párrafo, crear un párrafo: Todos los derechos reservados © 01/08/2035 * Debajo del párrafo, crear un párrafo: Términos y condiciones 11.- Aplicar css3: * Al footer, aplicar: - Color de fondo - Espaciado inferior: 20px * Al footer p, aplicar: - alinear: centro - Negrita - Color de fuente - Margen: 10px 0px