- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Sitio de un principiante en desarrollo web</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Sitio de un principiante en desarrollo web</h1>
</header>
<main>
<nav>
<h2>Entradas del blog</h2>
<ul>
<li><a href="day-1.html">Día uno. Cómo olvidé darle de comer al gato</a></li>
<li><a href="day-2.html">Día dos. Quiero crear páginas web</a></li>
<li><a href="day-3.html">Día tres. Mi gato se enojó conmigo</a></li>
<li><a href="day-4.html">Día cuatro. Casi me enfermo</a></li>
<li><a href="day-5.html">Día cinco. Un descanso</a></li>
<li><a href="day-6.html">Día seis. No entendí nada</a></li>
<li><a href="day-7.html">Día siete. Cupcake me dio una tarea</a></li>
<li><a href="day-8.html">Día ocho. Un asunto muy serio</a></li>
<li><a href="day-9.html">Día nueve. O más bien, noche</a></li>
<li><a href="day-10.html">Día diez. Un repaso</a></li>
<li><a href="day-11.html">Día once. Sin exagerar</a></li>
</ul>
</nav>
<section>
<!-- Añade el enlace a los cursos en este párrafo -->
<p>¡Hola! Te doy la bienvenida a mi primer sitio web. Hasta hace poco no tenía idea de cómo se creaba una página web, pero ahora encontré ejercicios interactivos de HTML y CSS y me propuse aprender a crearlas. Hasta tengo un instructor: Cupcake, que no me dejará bajar la guardia y estará pendiente de mis avances.</p>
<p>Mi primera tarea es llevar un diario y contar con sinceridad todo lo que vaya logrando.</p>
</section>
<section>
Sección de habilidades
</section>
</main>
<footer>
Pie de página
</footer>
</body>
</html>
CSS
body {
padding: 0 30px;
font-size: 14px;
line-height: 22px;
font-family: "Georgia", serif;
color: #222222;
}
h1 {
font-size: 36px;
line-height: normal;
}
h2 {
font-size: 20px;
line-height: normal;
}
a {
color: #0099ef;
text-decoration: underline;
}
ul {
list-style: none;
padding-left: 0;
}
footer {
margin-top: 30px;
}
Ha ido a otra página
Haga clic dentro del mininavegador para poner el foco en esta ventana.
ObjetivosRealizado
0
- En el primer párrafo, envuelve el texto
ejercicios interactivos de HTML y CSS
en un enlace con la dirección absolutahttps://htmlacademy.org/courses.