Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Actividad3-3 Barra Menu

    Cargado por

    Samuel Socks
    5 vistas5 páginas

    Título original

    actividad3-3_barra_menu

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    5 vistas5 páginas

    Actividad3-3 Barra Menu

    Cargado por

    Samuel Socks

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 5

    <!

    DOCTYPE HTML>
    <!-- Atributos de las etiquetas y estilos -->
    <html lang="en-ES">
    <head>
    <!-- Metadato -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title> Título de la página </title>
    <style>
    body {
    background-color: lightblue;
    }
    h1 {
    color: black;
    text-align: center;
    }
    .mensaje { text-align: center;
    color: magenta;
    font-size:300%;
    }
    ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow:hidden;
    background-color:blue;
    }
    li {
    float:left;
    }
    li a {
    display: block;
    color: white;
    text-align:center;
    padding:14px 16px;
    text-decoration:none;

    }
    li a:hover:not(.active) {
    background-color: #111;
    }

    .active {
    background-color: #04AA6D;
    }
    </style>
    </head>
    <body>

    <!-- Línea -->


    <hr>
    <!-- Lista desordenada -->
    <ul>
    <li><a class="active" href="#">Inicio</a></li>
    <li><a href="#">Ubicación </a></li>
    <li><a href="#">Nosotros somos </a></li>
    <li><a href="#">Contacto </a></li>
    </ul>
    <h1> Cafetería Lupita </h1>
    <h2>
    <p style="font-family:verdana; color:blue"> Es un gusto poder atenderle
    </p> </h2>
    <a href="http://google.com/" target="_blank" >Ir al sitio de Google </a>
    <p class="mensaje">Pregunte por nuestra epecialidad de la casa</p>
    <table border="2";>
    <!-- Encabezados -->
    <th>Pruebe nuestra receta de la casa </th>
    <th>Nosotros también cuidamos el planeta </th>
    <tr>
    <td>
    <div>
    <img src="taza.jpg" ALT="AQUI VA UNA IMAGEN" width="320"
    Height="240">
    </div>
    </td>

    <td>
    <div>
    <video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <!--<source src="movie.ogg" type="video/ogg"> -->
    Tu explorador no soporta el video en formato mp4
    </video>
    </div>
    </td>
    </tr>

    </table>
    </body>
    <foot >
    <p style="background-color:tomato;"> Le estamos atendiendo de 7:00am
    7:00pm todos los días </p>
    </foot>
    </html>

    Asi debe quedar

    También podría gustarte