Inicio
Info Sexto
Inicio
Info Sexto
<<< Ver índice
Ejemplo de estructura de una página en HTML5
Ahora se mostrará un ejemplo completo, para repasar todo lo visto anteriormente:
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta name="description" content="Cursos sobre tecnologias webs"> <title>Instituto Sadosky-Cursos sobre Tecnologias</title> </head> <body> <div id="wrapper"> <header id="encabezado" > <div class="superior"></div> <a href="http://www.w3.org/html/logo/"> <img id="logo" src="imagenes/html5-logo.png" alt="Powered by html5"> </a> <hgroup> <h1>Instituto Sadosky</h1> <h2>Cursos sobre tecnologias Webs</h2> </hgroup> <nav> <ul id="main-nav"> <li><a href="#" title="Pagina de Inicio del Sitio"> Inicio </a></li> <li><a href="#" title="Acerca de nosotros"> ¿Quienes somos? </a></li> <li><a href="#" title="Blog sobre tecnologias Webs"> Blog </a></li> <li><a href="#" title="Contactese con nosotros"> Contacto </a></li> </ul> </nav> </header> <div id="content"> <article> <header> <h1>Curso sobre HTML5</h1> <small class="meta"> <time datetime="2014-08-25"> Lunes 25 de Agosto de 2014 </time> <address class="autor">por Administrador</address> </small> </header> <p class="intro">HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web. HTML 5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos. En el presente curso se desarrollaran tanto los elementos básicos de html como las novedades creadas para HTML 5.</p> <p>Duración: Un mes: 2hs, dos veces por semana.</p> <img src="imagenes/html5.jpg"></img> </article> <article> <header> <h1>Curso sobre CSS3</h1> <small class="meta"> <time datetime="2014-08-25"> Miercoles 27 de Agosto de 2014 </time> <address class="autor">por Administrador</address> </small> </header> <p class="intro">Mientras que HTML nos permite definir la estructura una página web, las hojas de estilo en cascada (Cascading Style Sheets o CSS) son las que nos ofrecen la posibilidad de definir las reglas y estilos de representación en diferentes dispositivos, ya sean pantallas de equipos de escritorio, portátiles, móviles, impresoras u otros dispositivos capaces de mostrar contenidos web.</p> <p>Duración: Un mes: 2hs, una vez por semana.</p> </article> </div> <aside class="enlacescursos"> <nav> <h3>Cursos</h3> <ul> <li><a href="#">HTML y CSS</a></li> <li><a href="#">PHP</a></li> <li><a href="#">PhotoShop</a></li> <li><a href="#">JavaScript</a></li> <li><a href="#">Bases de Datos</a></li> </ul> </nav> </aside> <footer class="infofooter"> <address>address>® 2014 Instituto Sadosky. Perú 9346 2º Piso · Ciudad Autónoma de Buenos Aires · mail: <a href="mailto:info@sadosky.com.ar"> info@sadosky.com.ar </a> · Teléfono: (011) 5219-2333- </address> </footer> </div> </body> </html>
<<< Elementos estructurales de una página
<<< Ver índice - Introducción a HTML5
Volver arriba
