Nota: de aqui en mas las practicas seran de esta forma, se indicara los elemntos de la pagina a los que se desea llegar y al final del post dejare el codigo de la practica como solucion, por si fuera necesario.
Primer Practica: Hola Mundo
Como en todos los lenguajes de programacion, la primera practica sera imprimir un "Hola Mundo", me parece una reverenda boludes, pero si todos lo hicimos alguna vez Vos tambien XD.
Objetivo: Crear un archivo .html guiandote en los tutoriales anteriores, cuyo unico contyenido sera el texto Hola Mundo , puedes darle formato al texto o lo que tu quieras.
Segunda Practica: Formateando Texto
Objetivo: Imprimir en una pagina el siguiente texto con el formato tal cual lo ves en este post:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis leo ut velit rhoncus molestie eu eu metus. Pellentesque bibendum, orci non commodo dignissim, purus nisi porta elit, sit amet vestibulum ante neque non massa. Aliquam erat volutpat. In vitae metus suscipit sem egestas consequat. Nunc ut lorem at justo aliquam sagittis. Maecenas condimentum molestie ullamcorper. Nulla interdum, dui sit amet facilisis bibendum, tellus ipsum ultricies ipsum, vitae dapibus lectus diam aliquet velit. In non tempor lacus. Proin rhoncus dictum sodales. Integer et quam nec mauris sollicitudin blandit. Fusce vestibulum, turpis non fringilla sagittis, purus massa porttitor ipsum, non dignissim est turpis at est. Ut eros urna, iaculis a tincidunt in, interdum in diam. Donec pharetra luctus sagittis.
Aenean a massa dui, a egestas magna. Etiam sit amet neque non eros eleifend viverra. Nam ut orci lectus, in rutrum justo. Curabitur vestibulum sagittis metus, non luctus lorem malesuada sit amet. Suspendisse enim leo, feugiat eget feugiat vitae, pulvinar eu neque. Duis id ante in lorem ultrices bibendum. Morbi dignissim, neque quis eleifend hendrerit, mi urna faucibus eros, in tempor purus enim quis odio. Integer nisl diam, varius sed bibendum non, lobortis et enim. Aenean condimentum, purus sed rutrum facilisis, neque tellus laoreet tellus, sed eleifend libero felis sed odio. Donec eget vestibulum velit.
Phasellus ut mi tellus, ut tempus est. Maecenas vel sem ut urna ornare varius. Cras malesuada nunc id tellus tempor non pharetra felis condimentum. Vestibulum pharetra pellentesque scelerisque. Suspendisse ut justo non libero tincidunt egestas non at augue. Aliquam massa sapien, dictum et condimentum vel, pretium in velit. Quisque nec erat ante. Morbi pellentesque ipsum ac enim pellentesque non adipiscing augue interdum. Sed nec eros urna. Curabitur pharetra feugiat varius. Nunc dapibus eros commodo libero pharetra sodales. Duis a rutrum dolor. Nulla leo ligula, mollis vitae placerat quis, bibendum sed nulla. Sed adipiscing aliquam libero, ac molestie mauris vulputate et. Sed egestas aliquet nibh vel semper.
Nota: Para lograr el texto subrayado se debera usar la etiqueta <u></u> lo aclaro por que esta etiqueta no se habia dado antes.
SOLUCIONES
Dudo que sean necesarias las soluciones para este caso, ya que estas practicas son muy faciles, el hecho es que mucho mas no se puede hacer por es poco de lo que se ha hablado, de todos modos creo que vale la pena perder el tiempo con lo mas simple para ir enganchando los fundamentos.
Practica 1:
<html>
<head>
</head>
<body>
Hola Mundo
</body>
</html>Practica 2:
<html>
<head>
</head>
<body>
<p><u><i>Lorem ipsum dolor sit amet</i></u>, consectetur adipiscing elit. In quis leo ut velit rhoncus molestie eu eu metus. Pellentesque bibendum, orci non commodo dignissim, purus nisi porta elit, sit amet vestibulum ante neque non massa. Aliquam erat volutpat. In vitae metus suscipit sem egestas consequat. Nunc ut lorem at justo aliquam sagittis. Maecenas condimentum molestie ullamcorper. Nulla interdum, dui sit amet facilisis bibendum, tellus ipsum ultricies ipsum, vitae dapibus lectus diam aliquet velit. In non tempor lacus. Proin rhoncus dictum sodales. Integer et quam nec mauris sollicitudin blandit. <b>Fusce vestibulum, turpis non fringilla sagittis, purus massa porttitor ipsum, non dignissim est turpis at est. Ut eros urna, iaculis a tincidunt in, interdum in diam. Donec pharetra luctus sagittis</b>.</p>
<p>Aenean a massa dui, a egestas magna. Etiam sit amet neque non eros eleifend viverra. Nam ut orci lectus, in rutrum justo. Curabitur vestibulum sagittis metus, non luctus lorem malesuada sit amet. Suspendisse enim leo, <b><i>feugiat eget feugiat vitae</i></b>, pulvinar eu neque. Duis id ante in lorem ultrices bibendum. Morbi dignissim, neque quis eleifend hendrerit, mi urna faucibus eros, in tempor purus enim quis odio. Integer nisl diam, varius sed bibendum non, lobortis et enim. Aenean condimentum, purus sed rutrum facilisis, neque tellus laoreet tellus, sed eleifend libero felis sed odio. Donec eget vestibulum velit.</p>
<p><i>Phasellus ut mi tellus, ut tempus est. Maecenas vel sem ut urna ornare varius. Cras malesuada nunc id tellus tempor non pharetra felis condimentum. Vestibulum pharetra pellentesque scelerisque. Suspendisse ut justo non libero tincidunt egestas non at augue. Aliquam massa sapien, dictum et condimentum vel, pretium in velit. Quisque nec erat ante. Morbi pellentesque ipsum ac enim pellentesque non adipiscing augue interdum. Sed nec eros urna. Curabitur pharetra <u><b>feugiat varius</b></u>. Nunc dapibus eros commodo libero pharetra sodales. Duis a rutrum dolor. Nulla leo ligula, mollis vitae placerat quis, bibendum sed nulla. Sed adipiscing aliquam libero, ac molestie mauris vulputate et. Sed egestas aliquet nibh vel semper. </i></p>
</body>
</html>Creo que entendido esto ya estamos en condiciones de profundizar un poco mas en el HTML. El proximo tutorial sera: Formateando Parrafos
No hay comentarios:
Publicar un comentario