Scribd Logo
Upload

Welcome to Scribd!

  • Página Web 10° Clase 3

    Uploaded by

    clarapatriciaherrera
    240 views1 page

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    240 views1 page

    Página Web 10° Clase 3

    Uploaded by

    clarapatriciaherrera

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    DEPARTAMENTO DE ARTE Y TECNOLOGA 10 01 02 03 04 DOCENTE: GISELLE RAMOS CANO FECHA: _____________________

    PGINA WEB CABECERA, BARRA DE NAVEGACIN Y SECCIN


    Uno de los nuevos elementos incorporados en HTML5 es <header> o Cabecera. El elemento <header> no debe ser confundido con <head> usado antes para construir la cabecera del documento. Del mismo modo que <head>, la intencin de <header> es proveer informacin introductoria (ttulos, subttulos, logos), pero difiere con respecto a <head> en su alcance. Mientras que el elemento <head> tiene el propsito de proveer informacin acerca de todo el documento, <header> es usado solo para el cuerpo o secciones especficas dentro del cuerpo. La Barra de Navegacin. Esta barra es generada en HTML5 con el elemento <nav>. El elemento <nav> se encuentra dentro de las etiquetas <body> pero es ubicado despus de la etiqueta de cierre de la cabecera (</header>), no dentro de las etiquetas <header>. Esto es porque <nav> no es parte de la cabecera sino una nueva seccin. HTML5 es verstil y solo nos otorga los parmetros y elementos bsicos con los que trabajar, pero cmo usarlos ser exclusivamente decisin nuestra. Un ejemplo de esta versatilidad es que el elemento <nav> podra ser insertado dentro del elemento <header> o en cualquier otra parte del cuerpo. Sin embargo, siempre se debe considerar que estas etiquetas fueron creadas para brindar informacin a los navegadores y ayudar a cada nuevo programa y dispositivo en el mercado a identificar las partes ms relevantes del documento. Para conservar nuestro cdigo portable y comprensible, recomendamos como buena prctica seguir lo que marcan los estndares y mantener todo tan claro como sea posible. El elemento <nav> fue creado para ofrecer ayuda para la navegacin, como en mens principales o grandes bloques de enlaces, y debera ser utilizado de esa manera. Siguiendo nuestro diseo estndar nos encontramos con la Informacin Principal y Barra Lateral. La columna Informacin Principal contiene la informacin ms relevante del documento y puede ser encontrada en diferentes formas (por ejemplo, dividida en varios bloques o columnas). Debido a que el propsito de estas columnas es ms general, el elemento en HTML5 que especifica estas secciones se llama simplemente <section>.

    Ejercicio en clase: Escribe el siguiente cdigo fuente en un Bloc de Notas y hazlo correr en un navegador. <html> <head> <tittle><h1><b>Este texto es el ttulo del documento</b></h1></tittle> </head> <body> <header> <h3>Este es el ttulo principal del sitio web</h3> </header> <nav> <ul> <li>Principal</li> <li>Fotos</li> <li>Videos</li> <li>Contacto</li> </ul> </nav> <section> Encontrar ms informacin en los prximos das. </section> </body> </html> Trabajo en clase: Consulta sobre el uso de los Tags <ul> y <li>. Antalos en tu cuaderno.

    You might also like