Вы находитесь на странице: 1из 3

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8" /> <title>Mi diseo de Blog</title> <link rel="stylesheet" type="text/css" href="Tema.

css"> <!--<style type="text/css"> body{ background-color:fiucsha; } </style>--> </head> <body> <header> <!--encabezado interno de la pagina--> <h1>Blog de Programacion Web</h1> </header> <nav><!--rea de navegacion--> <ul> <li class="selected"><a href="#">Blog</a></li> <li><a href="#">Acerca De</a></li> <li><a href="#">Archivos</a></li> <li><a href="#">Contacto</a></li> <li class ="subscribe"><a href="#">Registro Va RSS</a></li> </ul> </nav> <section id="intro"> <!--introduccion de la pagina--> <header> <h2>Te gusta la Programacion Web como a nosotros?</h2> </header> <p> HTML 5 es una combinacin de nuevas etiquetas de markup (lenguaje) HTML, propiedades de CSS,JavaScrip y algunas tecnologas complementarias de apoyo,pero que tcnicamente son independientes de la propia esp ecificacin html5. Por ello vamos a distinguir entre la especificacion HTML en s y la familia HTML 5. </p> </section> <div id="content"> <!--espacio que incluye al main content y al sidebar--> <div id="mainContent"> <!--espacio dentro del espacio para el contenido princpal--> <section> <!--cuerpo principal de contenido--> <article class="blogPost"> <header> <h2>Este es el ttulo del blog publicado </h2> <p>publicado a <time datetime="2012-08-31T09:06:10-0 6:00"> Agosto 31 del 2012</time> por <a href="#">Martin Adrian Alba Cedillo</a> <a href="#">Comentarios</a> </p>

</header> <p>Los nuevos navegadores incorporan funcionalidades par a responder a las espectativas de los consumidores y tambien como frut o de la evolucin natural de la propia tecnologa.A medida que las aplic aciones web van ganando en capacidad de respuestas y velocidad y son capaces de resolver tareas complejas como la direccin, manejo y edicin de imagenes, representacin de mapas, hojas de calculo o videos,los usuarios ya exigen este mismo nivel de rendmento en todas las ap licaciones de la web.<br>Existen limtaciones con las capacidades de los lengujes de programacion actuales y no todas las funconalidades se pueden imp lementar e incorporar de manera sencilla.html 5 aporta nuevas funcionalidades y herramientas con el fin de conseguir que los sitios web sean mas interesantes, atractivos y tiles. </p> </article> </section> <hr><!--crea una linea de separacin entre dos elementos--> <section id="coments"> <header> <h3>Comentarios</h3> </header> <article> <header> <a href="#">Lorena Santos</a> Fecha/Hora <time d atetime="2012-08-31T10:00:10-06:00"> Agosto 31 2012</time> </header> <p>HTML 4,que se dio por cerrado en 1998,es el lengu aje de markup que conforma la base de la gran mayoria de las pagnas web que podemos ver al dia de hoy.Los diseadores y desarrolladores web han estado utilizando las especificaciones de HTML 4.01 durante bastantes aos de manera satisfactoria,combinandol a con CSS para la definicion de estilos y con JavaScript para aadir interactividad a los contenidos. </p> </article> <article> <header> <a href="#">Elda Mendoza</a>Fecha/Hora <time dat etime="2012-08-31T10:08:10-06:00"> Agosto 31 2012</time> </header> <p>Tras la finalizacin de HTML 4.01, el <abbr title=" Consorcio de la Worl Wide Web">W3C</abbr> continu sus trabajos en consonancia con la evolucn de la web ,y comenz con un lenguaje llamado XHTML 1.0.Existe una pequea diferencia en

tre HTML 4.01 Y XHTML 1.0 y esta es lo estricto de su edicin.Uno de los objetivos de XHT ML 1.0 era crear un lenguaje de markup que pudiera extenderse y resolver las necesidade s de las tecnologias futuras,por ejemplo para los dispositivos mviles.Muchos sitios web se han creado utilizando XHTML 1.0 como marco de desarrollo y muchos diseadores y desarrollador es valoran positivamente sus reglas sintcticas ms estrictas. </p> </article> </section> <hr> <!--separar comentarios de formulario--> <form method="post"> <h3>Post a comment</h3> <p><label form="name">Nombre</label> <input name="name" id="name" type="text"required /> </p> <p><label form ="mail">Correo</label> <input name="mail" id="mail" type="email" required/> </p> <p><label form ="website">Pagina Web:</label> <input name="website" id="website" type="url"/> </p> <p><label form ="comment">Comentarios:</label> <textarea name="comment" id="comment" required/> </textarea> </p> <p><input type="submit" value="Publicar"</p> </form> </div> <aside> <!--Barrar lateral--> <div id ="lateral"> <ol> <li><a href="#">Visita nuestra seccin de links</a></li> <li><a href="#">Descargas especiales para usuarios</a></ li> <li><a href="#">Geolocalizacin en bing Map</a></li> <li><a href="#">Noticias en RSS</a></li> </ol> </div> </aside> </div> <footer> <!--Pie de pagina interno--> &copy;2012 Agosto Ajalpan,Puebla.Diseo del Primer Blog para la clase de Programacion Web.<!--para q aparezca la c de copia--> </footer> <!--<p style="color:#ff6a00";hola></p>--> </body> </html>

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