HTML5
<DOCTYPE! html>
<head>
<title>Página con estilo</title>
<style type="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: grey;
background-color: black }
ul.navbar {
position: absolute;
top: 2em;
left: 0.5em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
a{
color:white;
}
</style>
</head>
<body>
<!-- Menú de navegación del sitio -->
<ul class="navbar">
<li><a href="indice.html">Página principal</a>
<li><a href="enlaces.html">Recomendaciones</a>
<li><a href="enlaces1.html">Mas buscados</a>
<li><a href="enlaces2.html">Tus Favoritos</a>
<li><a href="enlaces3.html">Trending</a>
</ul>
<!-- Contenido principal -->
<h1>Página con estilo</h1>
<p>¡Bienvenido a mi primera página con estilo!
<p>No tiene imágenes, pero tiene estilo.
También tiene enlaces, aunque no te lleven a
ningún sitio…
<p>Debería haber más cosas aquí.
<P>
<p>
<iframe width="300" height="200" src="https://www.youtube.com/embed/fJ9rUzIMcZQ?start=3" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="300" height="200" src="https://www.youtube.com/embed/rY0WxgSXdEE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="300" height="200" src="https://www.youtube.com/embed/-tJYN-eG1zk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>              <a href="enlaces.html">Bohemian Rhapsody</a>                                 <a href="enlaces1.html">Another One Bites the Dust</a>                              <a href="enlaces2.html">We Will Rock You</a><p>
<iframe width="300" height="200" src="https://www.youtube.com/embed/04854XqcfCY?start=4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="300" height="200" src="https://www.youtube.com/embed/sUJkCXE4sAA?start=4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="300" height="200" src="https://www.youtube.com/embed/A22oy8dFjqc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>
<!-- contraseña -->
<input type="password" name="contraseña">
<!-- Firma y fecha de la página, ¡sólo por cortesía! -->
<address>Creada el dia de hoy por: <br>
por mí mismo.</address>
</body>
</html>
Comentarios
Publicar un comentario