Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Practicas de HTML

    Cargado por

    Ebner Juárez Elias
    4 vistas7 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPTX, 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 PPTX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    4 vistas7 páginas

    Practicas de HTML

    Cargado por

    Ebner Juárez Elias

    Copyright:

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

    PRÁCTICAS

    DE HTML
    Instrucciones para la(s) Práctica(s)

    ◦ Todo lo que debe hacer es copiar el código, dentro de un archivo de texto vacío utilizando cualquier editor de texto (como el
    Bloc de Notas de Windows, por ejemplo) y grabar el archivo con su nombre y primer apellido y numero de practica y la
    extensión “.html” por ejemplo “ebnerjuarez-prac1.html”. Para ver el código en funcionamiento, abra el archivo en un
    navegador compatible con HTML5 (puede hacerlo con un doble clic sobre el archivo en su explorador de archivos). En
    documento pdf o en un video (súbalo a youtube y comparta el link con su profesor) puede elegir cualquiera de las opciones,
    explique cada una de las etiquetas que se encuentran marcadas en verde y muestre el resultado en su navegador.
    Práctica 1
    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="iso-8859-1">
    <meta name="description" content="Ejemplo de HTML5">
    <meta name="keywords" content="HTML5, CSS3, JavaScript">
    <title>Este texto es el título del documento</title>
    <link rel="stylesheet" href="misestilos.css">
    </head>
    <body>
    <header>
    <h1>Este es el título principal del sitio web-realizado por “sustituya este texto por su nombre”</h1>
    </header>
    </body>
    </html>

    Nota: deberá se colocar su nombre completo en el texto que dice “sustituya este texto por su nombre”
    y quitar las comillas dobles, recuerda que deberás mostrar evidencia mediante una captura de pantalla
    de la ejecución de tu código en el navegador web de tu preferencia
    Practica 2 <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="iso-8859-1">
    <meta name="description" content="Ejemplo de HTML5">
    <meta name="keywords" content="HTML5, CSS3, JavaScript">
    <title>Este texto es el título del documento</title>
    <link rel="stylesheet" href="misestilos.css">
    </head>
    <body>
    <header>
    <h1>Este es el título principal del sitio web-realizado por “sustituya este texto por su nombre”</h1>
    </header>
    <nav>
    <ul>
    <li>principal</li>
    <li>fotos</li>
    <li>videos</li>
    <li>contacto</li>
    </ul>
    </nav>
    </body>
    </html>

    Nota: deberá se colocar su nombre completo en el texto que dice “sustituya este texto por su nombre” y quitar las
    comillas dobles, recuerda que deberás mostrar evidencia mediante una captura de pantalla de la ejecución de tu
    código en el navegador web de tu preferencia
    Practica 3 <!DOCTYPE html>
    <html lang="es">
    <head>
    1er parte de 3 <meta charset="iso-8859-1">
    <meta name="description" content="Ejemplo de HTML5">
    partes del código <meta name="keywords" content="HTML5, CSS3, JavaScript">
    <title>Este texto es el título del documento</title>
    <link rel="stylesheet" href="misestilos.css">
    </head>
    <body>
    <header>
    h1>Este es el título principal del sitio web-realizado por “sustituya este texto por su nombre”</h1>
    </header>
    <nav>
    <ul>
    <li>principal</li>
    <li>fotos</li>
    <li>videos</li>
    <li>contacto</li>
    </ul>

    Nota: deberá se colocar su nombre completo en el texto que dice “sustituya este texto por su nombre” y quitar las
    comillas dobles, recuerda que deberás mostrar evidencia mediante una captura de pantalla de la ejecución de tu
    código en el navegador web de tu preferencia
    Practica 3 </nav>
    <section>
    <article>
    2da parte de 3 <header>
    <hgroup>
    partes del código <h1>Título del mensaje uno</h1>
    <h2>Subtítulo del mensaje uno</h2>
    </hgroup>
    <p>publicado 10-12-2011</p>
    </header>
    Este es el texto de mi primer mensaje
    <figure>
    <img src=”http://minkbooks.com/content/myimage.jpg”>
    <figcaption>
    Esta es la imagen del primer mensaje
    </figcaption>
    </figure>
    <footer>
    <p>comentarios (0)</p>
    </footer>
    </article>
    <article>

    Nota: deberá se colocar su nombre completo en el texto que dice “sustituya este texto por su nombre” y quitar las
    comillas dobles, recuerda que deberás mostrar evidencia mediante una captura de pantalla de la ejecución de tu
    código en el navegador web de tu preferencia
    Practica 3
    <header>
    <hgroup>
    <h1>Título del mensaje dos</h1>
    3ra parte <h2>Subtítulo del mensaje dos</h2>
    del código </hgroup>
    <p>publicado 15-12-2011</p>
    </header>
    Este es el texto de mi segundo mensaje
    <footer>
    <p>comentarios (0)</p>
    </footer>
    </article>
    </section>
    <aside>
    <blockquote>Mensaje número uno</blockquote>
    <blockquote>Mensaje número dos</blockquote>
    </aside>
    <footer>
    Derechos Reservados &copy; 2010-2011
    </footer>
    </body>
    </html>

    Nota: deberá se colocar su nombre completo en el texto que dice “sustituya este texto por su nombre” y quitar las
    comillas dobles, recuerda que deberás mostrar evidencia mediante una captura de pantalla de la ejecución de tu
    código en el navegador web de tu preferencia

    También podría gustarte