Clase 02

HTML SEMANTICO DISEO GRAFICO
Patricio Rodrguez M. @taller_media

viernes 12 de abril de 2013
NUEVA ESTRUCTURA
<header>
Contiene la informacin introductoria de cada pgina desde encabezados a tablas de contenidos completas
NUEVA ESTRUCTURA
<nav>
Reservado para la seccin que contiene los links a las dems pginas. No hace falta que est en cada men, slo en el principal
NUEVA ESTRUCTURA
<article>
representa un componente de una pgina que consiste en una composicin autnoma en un documento, pgina, aplicacin, o sitio web con la intencin de que pueda ser reutilizado y repetido. Podra utilizarse en los artculos de los foros, una revista o el artculo de peridico, una entrada de un blog
NUEVA ESTRUCTURA
<section>
Representa un documento genrico o porcin de una aplicacin. Acta como DIV separando porciones del documento
NUEVA ESTRUCTURA
<aside>
Representa contenido relacionado a la parte principal del documento. Se lo ver generalmente en sidebars como contenedor de artculos relacionados, lista de links.
NUEVA ESTRUCTURA
<footer>
Sirve para cerrar no slo la pgina sino para culminar bloques de contenido tambin.
CONTENEDORES DIV
Una etiqueta <div> dene un bloque donde incluiremos informacin dentro de nuestro documento. A este bloque denido con la etiqueta <div> le asignaremos por medio del CSS, las propiedades de posicin, tamao, color, etc etc.
<body> <div>
etiquetas de denicin de un contenedor dentro de un documento html
</div> </body>
imaginemos los divs como cajas
En una pagina web standard, se visualizan normalmente 4 cajas imaginarias: -Contenedor principal -Cabezal -Cuerpo -Pie
estructura
Tenemos el cuerpo de la pgina, y dentro de ella metemos cajas y las ubicamos como queremos y donde queremos.
} }
}
nav banner
header
cuerpo
footer
<body> <div id="contenedor"> <div id="menu"> </div> <div id="banner"> </div> <div id="cuerpo"> </div> <div id="footer"> </div> </div>
</body>
preguntas??

Clase 02

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Clase 02

Загружено:

Авторское право:

Доступные форматы

HTML SEMANTICO DISEO GRAFICO

Patricio Rodrguez M. @taller_media

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

viernes 12 de abril de 2013

etiquetas de denicin de un contenedor dentro de un documento html

imaginemos los divs como cajas

viernes 12 de abril de 2013

Вам также может понравиться