Html5

204 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
204
On SlideShare
0
From Embeds
0
Number of Embeds
68
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html5

  1. 1. 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..
  2. 2. 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
  3. 3. En su archivo escoja el lenguaje con el que va a trabajar Lenguaje H Html
  4. 4. 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>
  5. 5. 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
  6. 6. Ahora emplearemos la tang <aside> </aside> para saber en donde se colocaran todos los elementos bien a la izquierda
  7. 7. Su ejecuciónPara artículos importantes la tang <section> </section> y dentro de este ubicamos las tang los artículos con las tang <article> </article>
  8. 8. Y para colocar pie de pagina emplearemos la tang <footer> </footer>
  9. 9. PARA LA EJECUCION DEL PROGRAMAGuardar  Ejecutar o Run  Navegador que vaya a utilizar

×