Primera web con código HTML
Hoy os traemos una nueva web que hemos montado pero esta vez está programada solo con código HTML, está hecho en una página web hecha por mozilla llamada Thimble. Ha sido difícil pero al final le hemos cogido el truco. Le hemos puesto muchas cosas: Un reloj, una tabla de la NFL que te indica las yardas avanzadas por cada jugador, un mapa, un link para descargar una hoja de cálculos...
Haz click para ver nuestra web.
El código es este:
<!DOCTYPE html>
<html>
<head>
<div style="text-align:center;padding:1em 0;"> <h2><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/en/city/3117735"><spain style="color:gray;">Hora en Madrid</spain><br /></a></h2> <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=en&size=large&timezone=Europe%2FMadrid" width="100%" height="140" frameborder="0" seamless></iframe> </div>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Made with Thimble</title>
<link rel="stylesheet" href="style.css">
<style>
body{
background-color:
rgba(0, 69, 198, 0.78);
}
</style>
</head>
<body>
<h1><div style="text-align:center;padding:1em 0;">Nuestra primera web con HTML</h1>
<p><div style="text-align:center;padding:1em 0;">
Todo programado con <b>código HTML</b>!
</p>
<p>
Tablas <b>NFL</b>
</p>
<p><div style="text-align:center;padding:1em 0;">
<iframe src='https://fantasydata.com/widgets/stats-slideshow-300.aspx' width='302px' height='320px' style='overflow: hidden; border: none;'></iframe>
</p>
<p>
<A HREF="3BJoayHector.xlsx">Pulsa para descargar la hoja de cálculo</A>
</p>
<iframe width="854" height="480" src="https://www.youtube.com/embed/zYFO2mHn_Y4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</p>
<p><div style="text-align:center;padding:1em 0;">
Mapa El Boalo
<div>
<iframe width="500" height="400" frameborder="0" src="https://www.bing.com/maps/embed?h=400&w=500&cp=39.99999999999999~-70.99999999999998&lvl=11&typ=d&sty=r&src=SHELL&FORM=MBEDV8" scrolling="no">
</iframe>
<div style="white-space: nowrap; text-align: center; width: 500px; padding: 6px 0;">
<a id="largeMapLink" href="https://www.bing.com/maps?cp=39.99999999999999~-70.99999999999998&sty=r&lvl=11&FORM=MBEDLD" target="_blank">Ver mapa más grande</a> |
<a id="dirMapLink" href="https://www.bing.com/maps/directions?cp=39.99999999999999~-70.99999999999998&sty=r&lvl=11&rtp=~pos.39.99999999999999_-70.99999999999998____&FORM=MBEDLD" target="_blank">Obtener indicaciones</a>
</div>
</div>
</p>
</body>
</html>
Haz click para ver nuestra web.
El código es este:
<!DOCTYPE html>
<html>
<head>
<div style="text-align:center;padding:1em 0;"> <h2><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/en/city/3117735"><spain style="color:gray;">Hora en Madrid</spain><br /></a></h2> <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=en&size=large&timezone=Europe%2FMadrid" width="100%" height="140" frameborder="0" seamless></iframe> </div>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Made with Thimble</title>
<link rel="stylesheet" href="style.css">
<style>
body{
background-color:
rgba(0, 69, 198, 0.78);
}
</style>
</head>
<body>
<h1><div style="text-align:center;padding:1em 0;">Nuestra primera web con HTML</h1>
<p><div style="text-align:center;padding:1em 0;">
Todo programado con <b>código HTML</b>!
</p>
<p>
Tablas <b>NFL</b>
</p>
<p><div style="text-align:center;padding:1em 0;">
<iframe src='https://fantasydata.com/widgets/stats-slideshow-300.aspx' width='302px' height='320px' style='overflow: hidden; border: none;'></iframe>
</p>
<p>
<A HREF="3BJoayHector.xlsx">Pulsa para descargar la hoja de cálculo</A>
</p>
<iframe width="854" height="480" src="https://www.youtube.com/embed/zYFO2mHn_Y4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</p>
<p><div style="text-align:center;padding:1em 0;">
Mapa El Boalo
<div>
<iframe width="500" height="400" frameborder="0" src="https://www.bing.com/maps/embed?h=400&w=500&cp=39.99999999999999~-70.99999999999998&lvl=11&typ=d&sty=r&src=SHELL&FORM=MBEDV8" scrolling="no">
</iframe>
<div style="white-space: nowrap; text-align: center; width: 500px; padding: 6px 0;">
<a id="largeMapLink" href="https://www.bing.com/maps?cp=39.99999999999999~-70.99999999999998&sty=r&lvl=11&FORM=MBEDLD" target="_blank">Ver mapa más grande</a> |
<a id="dirMapLink" href="https://www.bing.com/maps/directions?cp=39.99999999999999~-70.99999999999998&sty=r&lvl=11&rtp=~pos.39.99999999999999_-70.99999999999998____&FORM=MBEDLD" target="_blank">Obtener indicaciones</a>
</div>
</div>
</p>
</body>
</html>
Comentarios
Publicar un comentario