- 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>
<!-- Añade un enlace en la línea siguiente -->
<li>Día uno. Cómo olvidé darle de comer al gato</li>
<li>Día dos. Quiero crear páginas web</li>
<li>Día tres. Mi gato se enojó conmigo</li>
<li>Día cuatro. Casi me enfermo</li>
<li>Día cinco. Un descanso</li>
<li>Día seis. No entendí nada</li>
<li>Día siete. Cupcake me dio una tarea</li>
<li>Día ocho. Un asunto muy serio</li>
<li>Día nueve. O más bien, noche</li>
<li>Día diez. Un repaso</li>
<li>Día once. Sin exagerar</li>
</ul>
</nav>
<section>
<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
- Envuelve todo el texto del primer elemento de la lista en una etiqueta
<a>. - Añade al enlace el atributo
hrefcon la direcciónday-1.html. - Haz clic en el enlace de la vista previa para abrir la página.