Atributo Class y Span
Ejercicio 30:
Crear una página en html, agregar minimamente:
1. Un nombre a la página y un favicon
2. CSS de forma interna:
a. Una clase, que contenga: fondo, letra de color y espacio
b. Otra clase, que contenga: distinto tamaño, y letra de color
3. Escribir una página usando las clases en partes de párrafos, títulos, etc. Utilizando las clases al menos 2 veces en 2 tipos de textos, y una vez utilizar 2 clases en el mismo framento
index.html
<!DOCTYPE html>
<html>
<head>
<title>Atributos Class y Span</title>
<link rel="icon" size="16x16" href="favicon-16x16.png">
<style>
.backgroundStyle{
background-color: rgba (240,128,128,0.7);
color: darkslategray;
padding: 10px;
}
.importantRed{
font-size: 150%;
color: darkred;
}
</style>
</head>
<body>
<main>
<h1 class="backgroundStyle importantRed">Atributo Class y Span</h1>
<p>En este código utilizamos el <span class="importantRed"> atributo class y span </span></p>
<h2 class="backgroundStyle">Londres</h2>
<p>Londres es la capital de <span class="importantRed"> Inglaterra</span></p>
</main>
</body>
</html>
Comentarios
Publicar un comentario