Teoría
Teoría

Consolidación

En esta tarea, consolidarás lo que has aprendido y escribirás algunas etiquetas tú mismo. También cambiarás el valor en CSS.

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

Intenta averiguar por ti mismo para qué sirven las etiquetas y propiedades del ejemplo. Si no puede, abra la información sobre herramientas.

El<h2> denota el encabezado de segundo nivel.

<p> indica un párrafo.

Para aumentar la fuente de los encabezados de primer nivel, sólo tiene que cambiar esta regla en el CSS:

h1 { font-size: 48px; }

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Consolidación</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Las principales lenguas de la web</h1> <h2>Lenguaje HTML</h2> <p>Se compone de muchas etiquetas. Cada etiqueta tiene un significado y una finalidad específicos.</p> Lenguaje CSS Consta de selectores y propiedades. Lenguaje JavaScript El lenguaje de programación más popular del mundo. </body> </html>

CSS

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

ObjetivosRealizado

Practica cambiando el código en los editores. Observa cómo cambia la página en el navegador.

Convierta el texto Lenguaje CSS en un encabezado de segundo nivel.
Haga que el texto Consta de selectores y propiedades. párrafo.
Aumente el tamaño de la fuente del encabezado del primer nivel a 48px.