Html5

Abrir el programa de notepad

Inicio Notepad

Esta será la página que aparecerá

Guarde el documento primero Archivo a File guardar como o Save As..

En la pantalla que aparece Cree Nueva carpeta (no importa el nombre ) en micaso se llamara Estructura en Html

Ahora guarde en archivo como HTML en las opciones de la parte de abajo

En su archivo escoja el lenguaje con el que va a trabajar

Lenguaje H Html

Para empezar con la estructura siempre escribira <!DOCTYPE> y despues abra con <html> su pagina nunca se olvide de

cerrar </html> las Tag por que de contrario no podra ejecutar la pagina

<title> </title>

Al ejecutar el resultado será este El titulo es el que aparecerá en la pestaña principal

Ahora realizare el cuerpo de la página la tang es <body> </body>

Se hará la cabecera de la estructura con la tang <header> </header> ( este es exclusivo de html5)

Y dentro de esta las tang <h1> </h1> para el tipo de letra y <p> </p> para hacer párrafos

Al hacer la ejecución se verá algo así

Dentro del header se colocaran elementos agrupados con la tang <div id > en este caso lo llamare “todo”

Y aquí se emplearan las tang <nav> </nav> que es un menú para navegar

Y para la lista se colocaran los tang <ul> </ul> y <li> </li> para los enlaces

Ahora emplearemos la tang <aside> </aside> para saber en donde se colocaran todos los elementos bien a la izquierda

Su ejecución

Para artículos importantes la tang <section> </section> y dentro de este ubicamos las tang los artículos con las tang

<article> </article>

Y para colocar pie de pagina emplearemos la tang <footer> </footer>

PARA LA EJECUCION DEL PROGRAMA

Guardar Ejecutar o Run Navegador que vaya a utilizar

Html5

Documents

Transcript of Html5