Actividad 9: Práctica sobre CSS
Revisa las lecturas, ligas 
y videos 
que se encuentran en los íconos de la barra izquierda, antes de realizar la actividad sobre este tema.
En la actividad el participante podrá aplicar los conceptos básicos de CSS en un ejemplo.
Aplicar los conceptos básicos de CSS.
Observa con atención el siguiente código:
<html>
<head>
<title>¡Una pagina con estilo!</title>
</head>
<body>
<!-- Site navigation menu -->
<ul class="navbar">
<li><a href="index.html">Inicio</a>
<li><a href="musings.html">Animales marinos</a>
<li><a href="town.html">Animales terrestres</a>
<li><a href="links.html">Animales voladores</a>
</ul>
<!-- Main content -->
<h1>¡Esta es una pagina con mucho estilo!</h1>
<h2>Bienvenidos a mi pagina de animales con estilo.</h2>
<p>Aun no tiene imagenes pero si tiene estilo. Tambien tiene ligas, aunque no lleven a ningún lado</p>
<p>Pronto tendrá más contenido, ¡así que tengan paciencia!</p>
<footer>Hecha con amor el <!-- inserta código de fecha php aquí --> con mucho amor.</footer>
</body>
</html>
Una vez que analices los elementos del HTML
- Aplica reglas tipográficas y de color para los distintos tipos de texto.
- Aplica un color al fondo.
- Inserta el código para la fecha de PHP que se solicita.
- Corrige los errores ortográficos.
Criterio |
Puntaje |
|
1. |
Aplicación de estilos. |
50 |
2. |
Aplicación de PHP para la fecha. |
30 |
3. |
Corrección con acentos HTML. |
20 |
Ejemplo modificado por CSS.