Teoría
Teoría

Repaso

En este ejercicio van a reforzar lo aprendido y escribirán ustedes mismos varias etiquetas. Además, cambiarán un valor en CSS.

Tendrán que completar el marcado, añadir un encabezado y un párrafo, y también cambiar el tamaño de fuente de uno de los tipos de encabezado.

Intenten deducir por su cuenta para qué sirven las etiquetas y las propiedades del ejemplo. Si no sale, abran la pista.

<h2> indica un encabezado de segundo nivel.

<p> indica un párrafo.

Para aumentar el tamaño de la fuente de los encabezados de primer nivel, solo hay que cambiar esta regla en CSS:

h1 {
  font-size: 48px;
}

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Repaso</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Los lenguajes principales de la web</h1> <h2>El lenguaje HTML</h2> <p>Se compone de muchas etiquetas. Cada una tiene un significado y una función concretos.</p> El lenguaje CSS Se compone de selectores y propiedades. El lenguaje JavaScript El lenguaje de programación más popular del mundo. </body> </html>

CSS

/* Esta regla define el tamaño general de la fuente */ body { font-size: 16px; } /* Esta regla define el tamaño de los encabezados de primer nivel */ h1 { font-size: 20px; } /* Y esta define la sombra de los encabezados de primer nivel */ h1 { text-shadow: 1px 1px 0 white, 2px 2px 0 #ccc; }

ObjetivosRealizado

Practiquen cambiando código en los editores y observen cómo se transforma la página en el navegador.

Conviertan el texto El lenguaje CSS en un encabezado de segundo nivel.
Conviertan el texto Se compone de selectores y propiedades. en un párrafo.
Aumenten el tamaño de fuente del encabezado de primer nivel hasta 48px.