Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Pagunacontodo

    Cargado por

    JorgeL.
    10 vistas2 páginas
    pagunacontodo

    Título original

    pagunacontodo

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

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

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    pagunacontodo

    Copyright:

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

    Pagunacontodo

    Cargado por

    JorgeL.
    pagunacontodo

    Copyright:

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

    <html>

    <head>
    <meta charset="UTF-8">
    <style>
    body {
    background: #d9d9d9;
    }
    #contenido {
    margin-right: 30%;
    margin-left: 30%;
    width: 40%;
    background: #ff0;
    padding: 10px;
    display: inline-block;
    }
    #contenido h1 {
    background: #0092bf;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
    }
    #contenido img {
    float : left;
    }
    </style>
    <!-- Esto es el ttulo de la pgina que usualmente aparece en la barra de ttulo del
    navegador -->
    <title>Mi Primera Pgina HTML</title>
    </head>
    <body>
    <!-- Este es un ttulo que se puede ver dentro del contenido de la pgina -->
    <div id="contenido">
    <h1>Hola Mundo!</h1>
    <p>Usted est aqui desde hace aproximadametne <span class="contador">0</span> se
    gundo(s)</p>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
    var contador = 0;
    function refrescarContador()
    {
    $('.contador').html(contador);
    }
    function incrementarContador() {
    contador++;
    }
    setInterval(function() {
    incrementarContador();
    refrescarContador();
    },1000);
    </script>
    <!-- Esta es una imgen -->
    <img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_128.png"/>
    <!-- Esto es un prrafo -->

    <p>Hola, esta es una pgina HTML de Ejemplo</p>


    <!-- Esto es un enlace (link) -->
    <a href="http://www.w3.org/html/">Documentacin oficial de HTML</a>
    </div>
    <!-- Esto es un formulario: sirve para colocar botones, campos de texto, etc -->
    <form>
    <button id="saludar">Saludar</button>
    <script>
    document.getElementById("saludar").addEventListener("click",function(){alert("ho
    la")});
    </script>
    </form>
    </body>
    </html>

    También podría gustarte