Html5 Navegacion

28
Programación de Paginas Web Introducción HTML5

description

Html5 Navegacion

Transcript of Html5 Navegacion

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>