Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Haga lo que hicimos en aula

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>NEW-WEB</title>
</head>
<body>
    <header>
    <ul>
        <li><a href="#home">Inicio</a></li>
        <li><a href="#about">Acerca de</a></li>
        <li><a href="#services">Servicios</a></li>
        <li><a href="#contact">Contacto</a></li>
    </ul>
    </header>
    <main>
        <h1><strong>Bienvenido a este humilde sitio web</strong></h1>
        <h3>Autor: Daniel Gallego</h3>

        <p>Un sitio web básico que he creado con HTML y CSS es una representación simple pero funcional de una página web estática. Utilizando HTML para estructurar el contenido, he organizado secciones como un encabezado, un cuerpo de texto, y un pie de página. Con CSS, he estilizado los elementos para mejorar la apariencia visual, aplicando colores, fuentes, y márgenes que le dan un toque personalizado y limpio. Aunque es sencillo, este sitio muestra lo esencial de un diseño web eficiente y es un punto de partida para desarrollar habilidades más avanzadas en diseño y desarrollo web.</p>

        <button><a href="https://github.com/">GitHub</a></button>
        <button><a href="https://www.instagram.com/">Instagram</a></button>
        <img src="pagina-web-1.jpg" alt="Presentación">
    </main>
    <footer>
        <p>Esta página web fue creada por Daniel Gallego. Todos los contenidos, incluyendo textos, 
            imágenes y otros materiales presentes en este sitio, están protegidos por derechos de autor. 
            Queda prohibida la reproducción, distribución o uso no autorizado de cualquier parte de este 
            sitio sin el consentimiento expreso del autor.</p>
    </footer>
</body>
</html>
body{
    background-color: #000000;
    color: #F6F6F6;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
ul{
    background-color: #f6f6f6;
}

a{
    text-decoration: none;
}

li{
    display: inline-block;
    margin-right:75px;
   
}

button{
    border: 5px solid #22D4FD;
    padding: 10px;
    margin-right: 25px;
    display: inline-block;
}
1 respuesta

Hola Daniel, espero que estés bien

Gracias por compartir tu ejercício práctico con nosotros! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.

¡Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!