- 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>
<p>Blog</p>
<nav>
Inicio
</nav>
</header>
<main>
<article>
<h1>Día ocho. Un asunto muy serio</h1>
<p>¡Vaya noticia! El programa de Cupcake para gatitos principiantes tiene un nuevo taller: «Cómo caminar sobre la nieve sin hundirse». Me encargaron preparar una breve guía en HTML.</p>
<p>La presión sobre una superficie se calcula con esta fórmula: p = m * g / S.</p>
<!-- Realiza el primer objetivo en el siguiente párrafo -->
<p>Datos: p1 = 1635Pa</p>
<!-- Realiza el segundo objetivo en el siguiente párrafo -->
<p>Calculamos: p2 = m2 * g / S = 9kg * 9.81m/s2 / 0.03m2 = 2943Pa</p>
<p>donde:<br>
p1 — presión de la patita sobre la nieve antes de las vacaciones de Año Nuevo,<br>
p2 — presión de la patita después de las fiestas,<br>
m2 — masa del gato después de las fiestas,<br>
S — área de contacto con la nieve,<br>
g — aceleración de la gravedad.</p>
<p>La primera capa de nieve endurecida soporta una presión máxima de 2000 Pa.</p>
<p>Qué difícil es ser gato.</p>
</article>
<aside>
Tu anuncio podría estar aquí
</aside>
</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: 20px;
line-height: normal;
}
nav {
color: #888888;
}
aside {
margin: 20px 0;
color: #c4c4c4;
}
Ha ido a otra página
Haga clic dentro del mininavegador para poner el foco en esta ventana.
ObjetivosRealizado
0
- Marca los índices de la primera presión para obtener: p1 = 1635Pa.
- Marca los índices de la segunda presión para obtener: p2 = m2 * g / S = 9kg * 9.81m/s2 / 0.03m2 = 2943Pa.
- Marca por tu cuenta los índices de las magnitudes en la explicación de las fórmulas.