"DOCTYPE"
Primero se declara el tipo de documento a mostrar, lo hacemos con la etiqueta "DOCTYPE".
Primero se declara el tipo de documento a mostrar, lo hacemos con la etiqueta "DOCTYPE".
Segundo es la etiqueta "HTML" que abre y cierra el documento y, dentro lo subdividimos en dos partes: "HEAD" y "BODY".
Tercero es la etiqueta "HEAD" que define la cabecera del documento, donde pondremos etiquetas para poner el título de la página, tipo caracter y estilos. "TITLE, META, STYLE"
Cuarto es la etiqueta "BODY", es el cuerpo del documento el cual se divide en secciones, con unas nuevas etiquetas semánticas."header, nav, section, article, aside y footer".
"header", ubicado en la parte superior, soliendo ocupar el 100% del ancho, es la cabecera de nuestro documento, donde podremos poner, un título, un banner, un logo...
"nav", se ubica en la parte inferior de "header", y también suele ocupar el 100% del ancho de la página, es donde definimos la barra de navegación de nuestro documento, puede ser horizontal y vertical.
"section", se ubica en la parte inferior de "nav", y suele ocupar el 70% del ancho de la página, es donde va toda la información dentro de la etiqueta "article"de nuestro documento.
"aside", se ubica en la parte lateral, normalmente izquierda de "section", y suele ocupar el 30% del ancho de la página, es donde va la información complementaria de nuestro documento.
"section", se ubica en la parte inferior de "nav", y suele ocupar el 70% del ancho de la página, es donde va toda la información dentro de la etiqueta "article"de nuestro documento.
"aside", se ubica en la parte lateral, normalmente izquierda de "section", y suele ocupar el 30% del ancho de la página, es donde va la información complementaria de nuestro documento.
"footer", se ubica en la parte final del documento, y suele ocupar el 100% del ancho de la página, es donde va la información varias, copy right...