mirror of
https://gitlab.com/tutorial-java-rafa-munoz/tutorial-java-2024-25/LMSGI-2024-25.git
synced 2025-11-09 18:03:06 +01:00
110 lines
5.0 KiB
HTML
110 lines
5.0 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
<title>El mundo yesterday</title><style type="text/css">
|
|
body {
|
|
font-family: Arial;
|
|
font-size: 12px;
|
|
}
|
|
|
|
ol, ul
|
|
{
|
|
margin-top: 10px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
#menu li
|
|
{
|
|
margin-left: 0px;
|
|
display: inline;
|
|
list-style-type: none;
|
|
padding: 10px 50px;
|
|
}
|
|
|
|
.noticia {
|
|
/* border: #000 solid 1px; */
|
|
padding: 10px 5px;
|
|
float: left;
|
|
width: 338px;
|
|
}
|
|
|
|
.noticia img {
|
|
width: 338px;
|
|
}
|
|
|
|
.noticiaDobleAncho {
|
|
/* border: #000 solid 1px; */
|
|
padding: 10px 5px;
|
|
float: left;
|
|
width: 690px;
|
|
}
|
|
|
|
.noticiaDobleAncho img {
|
|
width: 690px;
|
|
}
|
|
|
|
.fechaNoticia {
|
|
color: #A3A34B;
|
|
}
|
|
|
|
.comentariosNoticia {
|
|
color: #A3A34B;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.divPublicidad {
|
|
/* border: #000 solid 1px; */
|
|
padding: 10px 5px;
|
|
float: right;
|
|
width: 280px;
|
|
}
|
|
|
|
.divPublicidad img {
|
|
width: 200px;
|
|
}
|
|
</style></head>
|
|
<body>
|
|
<div style="width: 1000px; margin: 0 auto;">
|
|
<div style="width: 1000px;"><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/el-mundo-yesterday.jpg" width="997" height="115"></div>
|
|
<div id="menu" style="width: 1000px; margin: 0px; padding: 0px;">
|
|
<ul>
|
|
<li style="background:#DDE640;"><a href="#">Nacional</a></li>
|
|
<li style="background:orange;"><a href="#">Internacional</a></li>
|
|
<li style="background:#DDE640;"><a href="#">Sociedad</a></li>
|
|
<li style="background:orange;"><a href="#">Cultura</a></li>
|
|
<li style="background:#DDE640;"><a href="#">Ciencia</a></li>
|
|
<li style="background:orange;"><a href="#">Deportes</a></li>
|
|
</ul>
|
|
</div>
|
|
<div style="width: 700px; float: left;">
|
|
<div class="noticiaDobleAncho">
|
|
<h2>Señora de Badajoz confunde a todos los hombres negros con Morgan Freeman</h2>
|
|
<h4>"Está en todos los saraos este hombre" - dice la señora</h4><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/badajoz.jpg"><br><span class="fechaNoticia">Publicado el
|
|
22 de febrero</span><span class="comentariosNoticia">10 comentarios
|
|
</span></div>
|
|
<div class="noticia">
|
|
<h2>El Observatorio de la Mujer controlará a Uma Thurman vía satélite para detectar el menor cambio en su aspecto</h2>
|
|
<h4>El rostro de la actriz ya es la primera preocupación de los españoles por encima del paro y el terrorismo</h4><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/umagumma.jpg"><br><span class="fechaNoticia">Publicado el
|
|
21 de febrero</span><span class="comentariosNoticia">13 comentarios
|
|
</span></div>
|
|
<div class="noticia">
|
|
<h2>Aumenta la producción de uvas gigantes para esas botellas de vino gigantes que hay en los restaurantes</h2>
|
|
<h4>Los decantadores son hormigoneras</h4><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/uvasgigantes.jpg"><br><span class="fechaNoticia">Publicado el
|
|
20 de febrero</span><span class="comentariosNoticia">20 comentarios
|
|
</span></div>
|
|
<div class="noticiaDobleAncho">
|
|
<h2>Un cirujano interrumpe un transplante de corazón para ver un videotutorial sobre transplantes de corazón</h2>
|
|
<h4>También buscó trucos en Youtube para comunicar el fallecimiento</h4><img src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/transplante.png"><br><span class="fechaNoticia">Publicado el
|
|
19 de febrero</span><span class="comentariosNoticia">20 comentarios
|
|
</span></div>
|
|
</div>
|
|
<div style="width: 295px; float: right;">
|
|
<div class="divPublicidad"><img width="280px" src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-sanitas.png"></div>
|
|
<div class="divPublicidad"><img width="280px" src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-arriba.png"></div>
|
|
<div class="divPublicidad"><img width="280px" src="http://webdidacticarafaelmunoz.appspot.com/lmsgi/ejercicios-cap5/examen/2015-enero/recursos/publi-sofa.png"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |