Buenas tardes. Este es el enunciado del ejercicio CU00727B del tutorial de programación HTML desde cero:
Define la estructura de un portal web que conste de:
a) Una cabecera con una imagen, un texto h1, y otra imagen que a su vez sea un link.
b) Un cuerpo con un menú que contenga 5 items, una imagen y dos párrafos.
c) Un pie que contenga una imagen, un copyright y un texto que sea a su vez un link.
Acá el código:
<!DOCTYPE html>
<html>
<head>
<title>CU00727B</title>
<meta charset="utf-8"/>
</head>
<body style="background-color:darkgrey">
<div id="page" style="width: 980px; text-align: center; margin: auto; border: 2px solid white;">
<!--Cabecera-->
<div id="cabecera">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/06/Flag_of_Venezuela.svg/125px-Flag_of_Venezuela.svg.png" alt="Venezuela"/>
<h1>Venezuela</h1>
Para saber más haga clic aquí: <a href="https://es.wikipedia.org/wiki/Venezuela" title="Ir a wikipedia"><img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAFoATgMBIgACEQEDEQH/xAAbAAADAQADAQAAAAAAAAAAAAAABAUGAQIDB//EADgQAAIBAwMBBgMFBgcAAAAAAAECAwAEEQUSITEGEyJBUWEUI4EyQnGRoQcVM7HB4SRyc5Ki0fH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APuNFFFAUVIv7+cyGO3GxQ6qHOfESfKqcCNHCiO5kZVALt1Y+tB6UUjqN4beMspVQnMjvwFXH/lIfvxpl2wKFkA8QdWDA8fdIGOooLtFYfWNav4bNp1mdu7YMdjBOPcjyHWrHZntAdTiC3qLDOeUB43jOPz6fnQaCiiigKR1S4eGHEcTyk8sqEA4+pp6pV5comoJE4bMmQrbfCCB5n35xQSdR1yx0uS3/eEyx3CkOECMQoJxzjJyFJ+tRtc/aA8epQnRWjns1X5gkjZC7c8ZPIA4PSrmodldN1i9a7vTOz4CYRwq4H0/rUbs12Qijvb19XtIHhQ/Jja47xk5PUDg8evp0oKHZnUZ+0FtJqF5KqMkzRGCJQExtGM7snz8iB7VSktowTIiLu8WSPc5PNNW1nb2o22lnFbRkZKxxqgJ9cCo+rWF5Jcl4ZO9iOW2Sv4V4wVx6Hgg9QQQchsAPO4QBtuRnGQBUPU5vhkDKpJ3AnacFRnBb6ZFaG6QciNgF46CouoQRXCASxo4U7l3DODVG10G/OoaZFM5+avgk/zD/vr9ao1kewk+ZtQtwRgbHx6E5B/kK11QFSLy1WTUUmZmBiDbQMYO4Y5/t61XqRrqXEYjubXLFchk5IYfh68UDGS8ci7ipIIDL1HHlUfTra6D6TNPZiA21q9vMWdQSDt5wC3B2Zxk4z145ogopYlAVPIIA6Ypa91O3spNkxYbQH8K+RbHr7/l0yaB2QhcEM55AyckY6V5Stny6HzrnvVmhWRCcOAy5H1FLSyHqTkH6Cgj3Gp28s1ssYZluC6hzkYZM5BB8+G9OhpO7YAEn+dd3sIYSzElyLlriMAY2lt2R/zf/caQ1GcKrNngDNVFf9nMJS41JzgjK8gcckn+lbis92Gs5LbQYZriMxzXXzmQ9VB+yPy/ma0NRRXWWNZY2RuhFdqKCDcyG1ue6lBGQdpI4ceePwz0pa5tre6lMsgO8psyuM4zkeX9q0NzbQ3Ufdzxq65BwfIjoR71FvtDn2t8LKJEIwUk64/Gg8oSltbpAhOyMbV3dcClZrnauD5dDmlJNN1iEBfhnZF+5GBz6c7q4XR9WnI22jID1aVwMfrmqJWqSzNe280dxMIwSskI27CNrcnjOc7fOn+z2hvrFwLi7X/Ao3II/in0/D1/L8K+n9kEEom1O4MxByIY/Cn1PVv0rUIqooRFCqowABgAVB2HFFFFBI7V3eo6dodxfaUkcs1sBK8TxljJGDlwoBHi25x6nAqXLrmovrMdjaTWjw6hFFcabcCFmVogfnbsNyQpUqeM71Hka1RweDWJHYu9gt1+Dv4o7nT7rdo7shItoCTujYeeVZl9MJH5jNBbs9YY6i8V1KpiuLh4bFY7d8sEHjLNyPtB8dOAD501aa5Y3hjFu0zmSWWEfIcYaNtr544AbjJ4z50vPpUyX2iGyWEWmn7w2+Q79pjKDA2nPXzIqdoGharpF69yHtmW6urhruEzuwEbzSSxshK8MO8KlcAHOc5HIVl7Qac0CzB5tjXRtAfh3/ihipXGPUEZ6VyO0GnMYFjklkafvBGI4HY5jO1wcDgqeCDzUhdC1T93pbsLQONYe9JW4cfLaZpMA7M7sNjHT3r3v+z7/F6eLCCEWdutx3qtcvG7NKQSchTnJ3EknknzoKR1yxEoiBnZzALgBLeRvlnoeB+nX2rsms2El3Z20M/evewNcW7RqWSSMbcsGHGPGvn94Umtpqo1kaiYbJibBYWT4hx8zcWOPAfDz16+1J6d2evdNvNEeJ7eaLT7C4t5GZmjLySNE2VXBwuYz55AI64oHrrWmt+0NpYFE+Fn3QmbJyLjb3ipj/TVz9Vq1WUvOz15c6IxEdquud+t0svfv3azBww8W3JXgL9n7PFamMuY1Mqqr48QVsgH2OBn8qBPWrVrzS7qGJQ0zwusWTjDlSAc+XWkPhNUhkkWyIhgklZtuEOwHPKj1yQTk+Rq7RQRZ7C8+Kuri2YxySTRbGGw/L8AfqDzhW46civS0j1jvoDdzIU5MoRV+1xwPPb9ojz559q1FBnUsdUt4GWzzHI00rscpyp7wovToCU9+o6CmmXVTLGFnKsxk3AqpRQMFWBC+23BOcOT92rFcDqaCGbXVhO80TBHkhRGZypO4d4RnAxtBZfcj9S2/fM5jkWYrATyJY1D5DHywPCQAPXzq4elAoM78Jrcazvb7FnlVjuZkOHKRgH7PTcrZ9sHrxWiXpyMe1c0UH//2Q==" alt="wikipedia" height="70px"/></a>
</div>
<!--Fin de cabecera-->
<hr style="background-color:yellow; color:yellow; height:5px;"/>
<!--Contenedor-->
<div id="wrapper">
<!--Menú-->
<div id="menu">
<ul>
<li><a href="https://es.wikipedia.org/wiki/Gastronom%C3%ADa_de_Venezuela" title="Ver gastronomía venezolana" target="_blank">Gastronomía en Venezuela</a></li>
<li><a href="http://www.eluniversal.com/noticias/guia-turistica/las-mejores-playas-venezuela_642252" title="Ir a playas venezolanas" target="_blank">Playas de Venezuela</a></li>
<li><a href="http://enviajes.cl/venezuela/lugares-turisticos-de-venezuela/" title="Ver sitios turísticos venezolanos" target="_blank">Sitios turísticos venezolanos</a></li>
<li><a href="http://www.venezuelatuya.com/biografias/" title="Ver personajes históricos venezolanos" target="_blank">Personajes históricos de Venezuelaz</a></li>
<li><a href="https://es.wikipedia.org/wiki/Econom%C3%ADa_de_Venezuela" title="Ver economía venezolana" target="_blank">Economía en Venezuela</a></li>
</ul>
</div>
<!--Fin de menú-->
<hr style="background-color:blue; color:blue; height:5px;"/>
<!--Cuerpo-->
<div id="body">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/46/Coat_of_arms_of_Venezuela.svg/79px-Coat_of_arms_of_Venezuela.svg.png" alt="Escudo de armas de Venezuela"/>
<p>“Más cuesta mantener el equilibrio de la libertad que soportar el peso de la tiranía”.<cite> Simón Bolivar.</cite></p>
<p>"El tamaño de tu éxito será el tamaño de tu esfuerzo".<cite> Francisco de Miranda.</cite></p>
</div>
<!--Fin de cuerpo-->
</div>
<!--Fin del contenedor-->
<br/>
<br/>
<hr style="background-color:red; color:red; height:5px;"/>
<!--Pie de página-->
<div id="pie">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQgA782_H-lq6-bH8-jHKpFLzW-5Guzvje09-fhejY9TCQCtSJo" alt="Gobierno bolivariano" width="150px" height="50px"/>
Copyright 2017-2018 EnigmaticNerd <a href="https://www.aprenderaprogramar.com/foros/index.php?action=profile;u=7502" title="Ir a perfil del diseñador" target="_blank">Perfil del diseñador</a>
</div>
<!--Fin de pie de página-->
</div>
</body>
</html>
Si tienen correcciones o sugerencias, se las agradeceré enormemente. Gracias.
Tema: HTML desde cero. Portal web básico con títulos, imágenes, links CU00727B (Leído 2166 veces)
RSS -
WAP2