Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Examen 2

    Cargado por

    Mau1418
    2 vistas3 páginas
    Examen 2 de programacion

    Título original

    Examen2

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Examen 2 de programacion

    Copyright:

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

    Examen 2

    Cargado por

    Mau1418
    Examen 2 de programacion

    Copyright:

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

    Examen Segundo Parcial

    Codigo HTML: ExamenSegundoParcial.html


    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="utf-8">
    <title> Segundo Examen Parcial </title>
    <link rel="stylesheet" href="Estilos CSS\EstiloExam.css">
    </head>
    <body>
    <h1> Examen Segundo Parcial </h1>
    <ul>
    <li><a href="Practicas HTML\Practica10.html" target="Principal"><img
    src="Fondos\1.jpg"> <p class="texto">Enlace 1</p></a></li>
    <li><a href="Practicas HTML\Practica11.html" target="Principal"><img
    src="Fondos\2.jpg"> <p class="texto">Enlace 2</p></a></li>
    <li><a href="Practicas HTML\Practica13.html" target="Principal"><img
    src="Fondos\3.jpg"> <p class="texto">Enlace 3</p></a></li>
    <li><a href="Practicas HTML\Practica15.html" target="Principal"><img
    src="Fondos\4.jpg"> <p class="texto">Enlace 4</p></a></li>
    </ul>
    <iframe name="Principal"></iframe>
    </body>
    </html>
    Codigo CSS: EstiloExam.css
    body{background: purple;}
    h1{ text-align: center; font-size: 35px;}
    h1:hover{ font-size: 50px;
    text-shadow: 5px 5px 5px cyan;
    -webkit-transition:all.6s ease;
    -webkit-transform:scale(1) rotate(720deg);}

    ul { list-style: none; padding: 2px; display: block;


    clear: right; background-color: white;
    padding-left: 0px; height: 180px; width: 600px;}
    ul li{
    display: inline; padding: 10px 10px 5px 20px;
    height: 168px; border-right: 3px solid black;}
    ul li a{
    color: black; text-decoration: none;
    font-size: 13px; font-weight: bold;}
    ul li { float: left;}
    ul li img{
    -webkit-transition:all.6s ease;
    width: 100px;
    height: 100px;}
    img:hover{
    -webkit-transform:scale(1) rotate(720deg);}
    p.texto{
    font-size: 20px;
    text-align: center;}
    .texto:hover{
    -webkit-transform:scale(1) rotate(720deg);
    -webkit-transition:all.6s ease;}
    iframe{
    border: solid 2px black;
    position: absolute;
    overflow: hidden;
    left: 260px;
    top: 330px;
    width: 660px;
    height: 350px;
    }

    También podría gustarte