Smaller Words es-419 Explainer

Explicador de Palabras más pequeñas

Objetivo de este acertijo: Crear elementos h2 y p.

Tutorial de la solución: El HTML de inicio tiene 5 elementos: un h1, h2, p, h2, p. El objetivo es agregar otro h2 y p al final de la página.

Justo arriba de la etiqueta final de </body>, agrega un nuevo elemento h2 agregando <h2></h2>. Entre esas etiquetas de inicio y fin, agrega texto. Por ejemplo: Subtítulo. Luego, agrega un nuevo elemento p agregando <p></p>. Entre esas etiquetas de inicio y final, agrega texto. Por ejemplo: La etiqueta de párrafo crea un bloque de texto. Este es un ejemplo de cómo se ve.

Solución del código de ejemplo:
(Pulsa a continuación para revelar)
HTML

<html>
  <body>
    <h1>Encabezado principal</h1>
    <h2>Subtítulo</h2>
    <p><p>La etiqueta de párrafo crea un bloque de texto. Este es un ejemplo de cómo se ve. </p>
    <h2 id="second-h2">Subtítulo</h2>
    <p><p>La etiqueta de párrafo crea un bloque de texto. Este es un ejemplo de cómo se ve. </p>
    <h2>Subtítulo</h2>
    <p><p>La etiqueta de párrafo crea un bloque de texto. Este es un ejemplo de cómo se ve. </p>
  </body>
</html>
CSS
body {
  font-family: Helvetica, Arial, sans-serif;
  background-color: rgb(244, 247, 250);
}

h1 {
  font-size: 32px;
  margin: 0;
  padding: 0 0 16px 0;
  font-weight: 600;
  color: rgb(74, 144, 226);
}

h2 {
  font-size: 24px;
  margin: 0;
  padding: 16px 0 8px 0;
  color: rgb(30, 80, 105);
}

p {
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  line-height: 1.4;
  color: rgb(30, 75, 95);
}

#second-h2 {
  color: rgb(106, 76, 147);
}

Conceptos de HTML: <h2>, <p>