Lenguaje de marcas-1DAW-TAREA
Enviado por andressglezz • 11 de Diciembre de 2022 • Tareas • 1.108 Palabras (5 Páginas) • 212 Visitas
1.. Razona y responde razonando el porqué, sin crear el documento.
[pic 1]
El primer párrafo aparecerá en azul porque hace caso al identificador de “frase1”.
El segundo párrafo saldrá en rojo ya que hace caso al style de “p”.
El tercer párrafo saldrá en verde ya que hace caso a la clase de “frases-celebres”.
El cuarto párrafo saldrá en rojo ya que hace caso al estilo de “p”.
2.- En una hoja de estilo, utiliza el identificador noticia para generar un background con un gradiente lineal, de modo que el resultado aparezca lo mas similar a:
<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="description" content="Tarea de lenguaje de marcas">
<link href="PRUEBACSS30-11.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="noticia">
El diario <cite>La Vanguardia</cite> publicó la noticia en portada concediéndole
la importancia que se merecía: "Los habitantes de la Tierra, en vela permanente,
contemplan, a través de la Televisión, con asombro y emoción como un hombre
llamado Neil Armstrong baja por una escalera y pone el pie en la Luna"
</div>
</body>
</html>
#noticia {
background-image: linear-gradient(blue, grey);
}
#titulo {
text-align: center;
}
[pic 2]
3. Combinadores. Los coordinadores son sus lectores en lo que se tiene en cuenta la relación entre elementos en la estructura jerárquica del documento.
<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="description" content="Tarea de lenguaje de marcas">
<link href="PRUEBACSS30-11.css" rel="stylesheet" type="text/css">
</head>
<body>
<h2 id="titulo">LA NOTICIA</h2>
<div id="noticia">
El diario <cite>La Vanguardia</cite> publicó la noticia en portada concediéndole
la importancia que se merecía: "Los habitantes de la Tierra, en vela permanente,
contemplan, a través de la Televisión, con asombro y emoción como un hombre
llamado Neil Armstrong baja por una escalera y pone el pie en la Luna"
</div>
</body>
</html>
h2~div {
text-align: right;
background-image: linear-gradient(blue, grey);
}
[pic 3]
4.- Utilizando pseudoclases consigue que se coloree el primer elemento de la lista en rojo, el último el azul, y el elemento número 10 en verde. Tendrás que añadir elementos adicionales a los que se muestran (tuyos personales) hasta completar 12 elementos:
...