Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (15)
Destacado
Similar a Introducción html5
Similar a Introducción html5 (20)
Último
Último (20)
Introducción html5
- 1. Introducción HTML5 Elaborado por :Ing. Ronald Rivas Arguello.
- 2. HTML5 • Muchos Se preguntaran ,que es HTML5 pues en este Documento Sobran que HTML5 es un Lenguaje de Modelado Web y como la palabra lo dice «Modelado", estructuramos una pagina web con Ciertas Etiquetas que fueron Implementadas en esta Nueva Versión del HTML, les adelantare que hay nuevas Versiones de Este HTML, en las cuales son HTML Next o HTML6,en esta introducción nos centraremos en HTML5 y las nuevas etiquetas con las que podemos contar para el modelado de la web.
- 3. Estructuración Básica de HTML5
- 4. HTML5 • Como Vieron Anteriormente en la imagen se ve como se podría estructurar una web básica, además están ciertas etiquetas que son nuevas de este HTML. • También Debemos de tomar en cuenta de que para que los navegadores conozcan que es lenguaje html5 debemos de escribir de la siguiente manera • <!Doctype HTML> • Esa es la forma correcta de escritura en HTML5,a diferencia del html comun que solo se escribe <HTML>
- 5. Etiquetas Básicas • Ahora Les presentare las etiquetas que debemos de utilizar para modelar con este lenguaje. Header: Esta etiqueta como su nombre lo dice es un encabezado y además vino a sustituir al antiguo «Div» utilizado para modelar web en los HTML anteriores, su forma de expresión es de la Siguiente Forma. <Header></Header> Como pueden ver también hay etiqueta de Cierre pero HTML5 trae por Defecto de que la Etiqueta deba Cerrar, pero por Significado Sintáctico es Mejor hacerlo de Esa forma.
- 6. Etiqueta Hgroup • Esta es la siguiente Etiqueta por que Va de la mano con la etiqueta Header, en este Caso la función del Hgroup es permitir agregar uno o mas Títulos dentro de la web atraves de la Etiqueta <H1>,<H2>,<H3>,ect. • Como Recomendacion Para tener mejor posionamiento Utilizar una Unica Etiqueta H1,por que de lo contrario perdera Importancia dentro de las Busquedas que realize los buscadores Como Google.
- 7. Etiqueta Nav • Esta etiqueta Quizás es muy conocida en los lenguajes HTML anteriores, pero la menciono como una etiqueta básica de estructuración ya que con ella podemos crear Menú en nuestras paginas Web, la etiqueta Nav es un espacio reservado para colocar los botones o títulos de las pagina vinculadas a la principal. • Se expresa de la siguiente Manera • <Nav></Nav> Dentro de Ella Se crea la Etiqueta UL o mejor conocida Como Etiqueta de lista Para listar las paginas,se expresa asi <ul></ul>
- 8. Etiqueta Section • Con esta Etiqueta podemos crear una seccion dentro de la pagina web en la cual podemos agregar contenido Textual o contenido de imagen ya sea de su preferecia. • Se expresa de la siguiente Manera • <Section></section>
- 9. Etiqueta Article • Esta Etiqueta Trabaja de la mano con la Etiqueta Section por que una vez creada una Etiqueta section se crea una Etiqueta article,que en Español es «ARTICULO", recomendable para agregar texto Perfecta para crear Contenido Textual dentro de la pagina. • Se forma de expresar es la siguiente • <article></article> • Ademas de esta Etiqueta tambien debemos agregar la Etiqueta «p» que es para párrafo <p></p>
- 10. Etiqueta Aside • Esta etiqueta es utilizada para crear contenido no tan relevante dentro de la pagina ya que se ubica a los lados de la pagina web,recomendable para anuncios o publicidad como ustedes lo conoscan • Se expresa de la siguiente Manera • <aside></aside>
- 11. Etiqueta Footer • Finalmente Llegamos a la Etiqueta Footer la cual significa pie o Para ser mas claro pie de pagina,en esta agregamos contenido de derechos o informacion dentro de la pagina web Como pueden ser los derechos reservados,numeros de telefono,ect.
- 12. Conclusion Html5 es un lenguaje de modelado web estructurado ,recomendable para crear las mejores paginas web con la tecnologia mas nueva,tambien contamos con CSS3 que es el nuevo lenguaje de estilo de HTML5. Sin nada mas que decir les agradezco por Seguir esta introduccion Muchas Gracias