Top Banner
Programación de Paginas Web Introducción HTML5
28

Html5 Navegacion

Apr 07, 2016

Download

Documents

Enrique Umana

Html5 Navegacion
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Html5 Navegacion

Programación de Paginas Web

Introducción HTML5

Page 2: Html5 Navegacion

Estructura global

Page 3: Html5 Navegacion

<!DOCTYPE> <!DOCTYPE html> No es una etiqueta, esto es una instrucción

para el navegador que declara la versión de html que se está usando.

http://validator.w3.org/

Page 4: Html5 Navegacion

<html>

Page 5: Html5 Navegacion

<head>

Page 6: Html5 Navegacion

<meta>

Page 7: Html5 Navegacion

<title>Especifica el título del documento

Page 8: Html5 Navegacion

<link> Este elemento es usado para incorporar

estilos, códigos Javascript, imágenes o iconos desde archivos externos.

Page 9: Html5 Navegacion

<body>

Page 10: Html5 Navegacion

Organización <table> <div>

Page 11: Html5 Navegacion

Clásico Cabecera. Barra de Navegación. Sección de Información Principal. Barra Lateral. El pie o la barra Institucional.

Page 12: Html5 Navegacion

Organización HTML5

Page 13: Html5 Navegacion

<header> Provee información introductoria (títulos,

subtítulos, logos).

Page 14: Html5 Navegacion

<nav>

Page 15: Html5 Navegacion

<section>

Page 16: Html5 Navegacion

<aside>

Page 17: Html5 Navegacion

<footer>

Page 18: Html5 Navegacion

Dentro del cuerpo

Page 19: Html5 Navegacion
Page 20: Html5 Navegacion

<article>

Page 21: Html5 Navegacion

<header> - <footer>

Page 22: Html5 Navegacion

<hgroup>

Page 23: Html5 Navegacion

<figure> - <figcaption>

Page 24: Html5 Navegacion

<mark>

La etiqueta <span> permite agrupar varios elementos en línea seguidos dentro de un mismo bloque.

<em> es para indicar énfasis.<strong> es para indicar importancia.<mark> es para resaltar texto que es relevante de acuerdo con las

circunstancias.<b> debería ser usado solo cuando no hay otro elemento más apropiado

para la situación.

Page 25: Html5 Navegacion

<small>

Page 26: Html5 Navegacion

<cite>

Page 27: Html5 Navegacion

<address>

Page 28: Html5 Navegacion

<time>