Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 160 vistas

    Estructura Básica de Un Documento de HTML5

    Cargado por

    Herald
    Este documento explica la estructura básica de una página web con HTML5. Comienza con las etiquetas <html> y <head> que contienen el título y enlaces a hojas de estilo. Luego está la etiqueta <body> que contiene el contenido visible estructurado con etiquetas como <header>, <nav>, <article>, <section>, <aside> y <footer> para dividir la información. HTML5 introdujo nuevas etiquetas de maquetación para identificar mejor cada elemento de una página web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Estructura Básica de Un Documento de HTML5

    Cargado por

    Herald
    160 vistas2 páginas
    Este documento explica la estructura básica de una página web con HTML5. Comienza con las etiquetas <html> y <head> que contienen el título y enlaces a hojas de estilo. Luego está la etiqueta <body> que contiene el contenido visible estructurado con etiquetas como <header>, <nav>, <article>, <section>, <aside> y <footer> para dividir la información. HTML5 introdujo nuevas etiquetas de maquetación para identificar mejor cada elemento de una página web.

    Descripción original:

    Html5.

    Título original

    ESTRUCTURA BÁSICA DE UN DOCUMENTO DE HTML5

    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?

    Este documento explica la estructura básica de una página web con HTML5. Comienza con las etiquetas <html> y <head> que contienen el título y enlaces a hojas de estilo. Luego está la etiqueta <body> que contiene el contenido visible estructurado con etiquetas como <header>, <nav>, <article>, <section>, <aside> y <footer> para dividir la información. HTML5 introdujo nuevas etiquetas de maquetación para identificar mejor cada elemento de una página web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    160 vistas2 páginas

    Estructura Básica de Un Documento de HTML5

    Cargado por

    Herald
    Este documento explica la estructura básica de una página web con HTML5. Comienza con las etiquetas <html> y <head> que contienen el título y enlaces a hojas de estilo. Luego está la etiqueta <body> que contiene el contenido visible estructurado con etiquetas como <header>, <nav>, <article>, <section>, <aside> y <footer> para dividir la información. HTML5 introdujo nuevas etiquetas de maquetación para identificar mejor cada elemento de una página web.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    de 2

    ESTRUCTURA BÁSICA DE UN DOCUMENTO DE HTML5

    Cuando nació  HTML5  trajo consigo las  nuevas etiquetas  de maquetación donde ya se identificaba de una mejor
    manera cada elemento,  ya no es necesario utilizar tantas cajas de contendió div  por que ya existen etiquetas
    para cada elemento, en el tutorial anterior mostré todas las etiquetas de  HTML5  y para que se usan

    ELEMENTOS DE UNA PÁGINA WEB CON HTML5

    1. ETIQUETA <HTML> </HTML>


    Primero espesamos con el <!DOCTYPE html> en el nuevo HTML5 ha sido recortado y la función del mismo
    es facilitar información al servidor web donde esta aloja la página. La información que facilita el DOCTYPE
    se refiere al tipo de documento visualizado además es necesario para la comunicación entre el navegador
    y servidor.
    <!DOCTYPE html>

    Después seguimos con la etiqueta  <html lang=”es”>  podrás notar el atributo  lang, bueno este se utiliza
    para especificar  el idioma de la página web, si tu web está en otro idioma tendrás que especificar el
    indicado.
    <html lang=”es”>

    2. ETIQUETA <HEAD> </HEAD>


    Abajo de la etiqueta  <html lang=”es”>  colocamos la etiqueta  <head>  dentro de esta etiqueta se coloca
    el  titulo  y los  link  a las hojas de estilo y algunas meta, de pendiendo de lo que necesitemos.
    La etiqueta que veremos dentro de <head>,
    a) <title>Mi Web con HTML5</title>
    Es el título de nuestra página web,
    b) <meta charset=”utf-8″/>
    Es utilizada para agregar el atributo charset que especifica la codificación de caracteres para el
    documento HTML y UTF-8 (8-bit Unicode Transformation Format) es un formato de codificación
    de caracteres, es capaz de representar cualquier carácter Unicode. (Es para que pueda leer
    acentos, signos etc.)
    c) <link rel=”stylesheet” type=”text/css” href=”css/style.css”>
    Aquí estamos llamando a nuestra hoja de estilos.
    <head>
    <meta charset="utf-8"/>
    <title>Mi Web con HTML5</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>

    3. ETIQUETA <BODY> >/BODY>


    Es el cuerpo del documento, dentro de esta etiqueta va todo el contenido visible de nuestra página web,
    esta etiqueta se cierra al final de todo el contenido.
    Dentro de la etiqueta <body> podemos ver que tenemos lo siguiente;
    <header></header>
    Es la cabecera del documento, por lo general solo contiene el logotipo de la empresa.
    <nav> </nav>
    Aquí  es donde se coloca en menú de nuestra página web
    <article></article>
    Etiqueta padre  y dentro de esta colocamos las  <section>  de cada articulo.
    <section></section>
    Es utilizada para  realizar divisiones dentro de un artículo
    <aside></aside>
    Esta  etiqueta  es utilizada para  elementos no principales, podemos poner dentro de esta
    etiqueta  publicidad, calendarios, artículos recomendados, links externos, botones de redes sociales etc. 
    <footer> </footer>
    Esta  etiqueta   esta echa para el pie de la página donde se coloca los créditos.

    También podría gustarte