Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • HTML5

    Cargado por

    Paúl Lovatón Hoyos
    11 vistas1 página
    html

    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
    html

    Copyright:

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

    HTML5

    Cargado por

    Paúl Lovatón Hoyos
    html

    Copyright:

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

    EJERCICIO 1

    <!-- Doctype hace referencia a un documento html5 -->


    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <!-- header y footer: etiquetas estructural y semantica -->
    <header>
    <h1>Titulo de la web</h1>
    <!-- Etiquetas nav son menus de navegaciòn -->
    <nav>
    <!-- lista no ordenada -->
    <ul>
    <li>enlace A</li>
    <li>enlace A</li>
    <li>enlace A</li>
    <li>enlace A</li>
    </ul>
    </nav>
    </header>
    <!-- Eiquetas estructurales Article, Section, Aside -->
    <section>
    contenido de la web <br>
    <article>
    <h2>Titulo de Relevancias</h2>
    <p>Contenido del articulo</p>
    </article>
    <aside>
    <h3>Contenido tangencial</h3>
    <p>texto o referencia tangencial</p>
    </aside>
    </section>

    <footer>
    copyright, fecha, etc.
    </footer>
    </body>
    </html>

    EJERCICIO 2
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <!-- wordbreak: romper palabras o separar palabras -->
    murcielagosuperveloz murcielagosuerveloz murcielago<wbr>super<wbr>veloz murcielagosuerveloz <br><br>
    <!-- Etiqueta Time, es para que un navegador o indexador lo identifique como fecha u hora -->
    Hoy es <time>21/01/2019</time><br>
    El <time datetime="24/01/2019">jueves</time> me voy a Chiclayo
    </body>
    </html>

    EJERCICIO 3
    <!DOCTYPE html>
    <html>
    <head>
    <title>Editable</title>
    </head>
    <body> <!-- Contenido editable -->
    <header>CONTENIDO EDITABLE</header>
    <br>
    <h1>Ejemplo</h1>
    <section id="editable" contenteditable="true">
    <h2>Titulo</h2>
    <p>Este parrafo puede ser editable</p>
    <ul>
    <li>Elemento 1</li>
    <li>Elemento 2</li>
    <li>Elemento 3</li>
    </ul>
    </section>
    <footer></footer>
    </body>
    </html>

    También podría gustarte