Hola gente en esta ocasión he hecho una web muy simple a través de Thimble con el lenguaje de programación de HTML esta web esta formada por 4 elementos:
- Traductor
- Tiempo
- Menú de enlaces desplegable
- Vídeo De YouTube
--------------------------------------------------------------------------------------------------------------------------
<html>
<header>By Alex Cuesta </header>
<style>
body {
background-color: #465871
}
</style>
<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.dropbtn {
background-color: #2d4d79;
color: #f2ebeb;
padding: 10px;
font-size: 16px;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #0e8633;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: #d6b4b4;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
</style>
</head>
<body>
<h1>EnsgArt Mediante HTML</h1>
<p>Toca el menu desplegable para poder acceder a mis otros blogs</p>
<div class="dropdown">
<button class="dropbtn"><strong>Enlaces</strong></button>
<div class="dropdown-content">
<a href="https://ensgart.blogspot.com.es/">Blogspot</a>
<a href="https://sites.google.com/view/ensgartrue/p%C3%A1gina-principal">Google Sites</a>
<a href="https://www.youtube.com/channel/UCWXevnEIGMB7qaUFKsjwsYQ">YouTube</a>
</div>
</div>
</body>
<p>
<strong>El Tiempo</strong></p>
<div id="c_41df3a44fa39f1fbfbcbc43b5eb84cca" class="ancho"></div><script type="text/javascript" src="https://www.eltiempo.es/widget/widget_loader/41df3a44fa39f1fbfbcbc43b5eb84cca"></script>
<h2>Cancion Favorita
</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/YnPYJe4Kvg8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<p>
</html>
------------------------------------------------------------------------------------------------------------------------
RECOMIENDO NO COPIARLO DIRECTAMENTE ES MEJOR LEERLO Y ASIMILARLO.
