Your SlideShare is downloading. ×
Html5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Html5

119
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
119
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. 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. En su archivo escoja el lenguaje con el que va a trabajar Lenguaje H Html
  • 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. 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. Ahora emplearemos la tang <aside> </aside> para saber en donde se colocaran todos los elementos bien a la izquierda
  • 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. Y para colocar pie de pagina emplearemos la tang <footer> </footer>
  • 9. PARA LA EJECUCION DEL PROGRAMAGuardar  Ejecutar o Run  Navegador que vaya a utilizar

×