Exercice HTML: Site Web
Rédigé par GC Team, Publié le 11 Janvier 2012, Mise à jour le Jeudi, 15 Décembre 2022 18:56![](/images/thumb/147/default.png)
Participez au vote ☆☆☆☆☆★★★★★
Ecrire le code qui permet de réaliser la page suivant:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 |
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>New Page</title> <meta name="description" content="Description" /> <meta name="keywords" content="Keywords" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="script.js"></script> </head> <body> <div id="art-page-background-glare"> <div id="art-page-background-glare-image"> </div> </div> <div id="art-main"> <div class="art-sheet"> <div class="art-sheet-tl"></div> <div class="art-sheet-tr"></div> <div class="art-sheet-bl"></div> <div class="art-sheet-br"></div> <div class="art-sheet-tc"></div> <div class="art-sheet-bc"></div> <div class="art-sheet-cl"></div> <div class="art-sheet-cr"></div> <div class="art-sheet-cc"></div> <div class="art-sheet-body"> <div class="art-header"> <div class="art-header-clip"> <div class="art-header-center"> <div class="art-header-png"></div> <div class="art-header-jpeg"></div> </div> </div> <div class="art-logo"> <h1 class="art-logo-name"><a href="./index.html">Enter Site Title</a></h1> <h2 class="art-logo-text">Enter Site Slogan</h2> </div> </div> <div class="cleared reset-box"></div> <div class="art-nav"> <div class="art-nav-l"></div> <div class="art-nav-r"></div> <div class="art-nav-outer"> <ul class="art-hmenu"> <li> <a href="./new-page.html" class="active"><span class="l"></span><span class="r"></span><span class="t">New Page</span></a> </li> <li> <a href="./new-page-2.html"><span class="l"></span><span class="r"></span><span class="t">New Page 2</span></a> </li> </ul> </div> </div> <div class="cleared reset-box"></div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell art-sidebar1"> <div class="art-vmenublock"> <div class="art-vmenublock-body"> <div class="art-vmenublockheader"> <h3 class="t">Vertical Menu</h3> </div> <div class="art-vmenublockcontent"> <div class="art-vmenublockcontent-body"> <ul class="art-vmenu"> <li> <a href="./new-page.html" class="active"><span class="l"></span><span class="r"></span><span class="t">New Page</span></a> </li> <li> <a href="./new-page-2.html"><span class="l"></span><span class="r"></span><span class="t">New Page 2</span></a> </li> </ul> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="art-block"> <div class="art-block-body"> <div class="art-blockheader"> <h3 class="t">New Block</h3> </div> <div class="art-blockcontent"> <div class="art-blockcontent-body"> <p>Enter Block content here...</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante eget mauris. </p> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> <div class="art-layout-cell art-content"> <div class="art-post"> <div class="art-post-body"> <div class="art-post-inner art-article"> <h2 class="art-postheader"> New Page </h2> <div class="cleared"></div> <div class="art-postcontent"> <p>Enter Page content here...</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis nibh, vitae feugiat sapien ante eget mauris. Cras elit nisl, rhoncus nec iaculis ultricies, feugiat eget sapien. Pellentesque ac felis tellus.</p> <p>Aenean sollicitudin imperdiet arcu, vitae dignissim est posuere id. Duis placerat justo eu nunc interdum ultrices. Phasellus elit dolor, porttitor id consectetur sit amet, posuere id magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p> Suspendisse pharetra auctor pharetra. Nunc a sollicitudin est. Curabitur ullamcorper gravida felis, sit amet scelerisque lorem iaculis sed. Donec vel neque in neque porta venenatis sed sit amet lectus. Fusce ornare elit nisl, feugiat bibendum lorem. Vivamus pretium dictum sem vel laoreet. In fringilla pharetra purus, semper vulputate ligula cursus in. Donec at nunc nec dui laoreet porta eu eu ipsum. Sed eget lacus sit amet risus elementum dictum.</p> </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> </div> <div class="cleared"></div> <div class="art-footer"> <div class="art-footer-t"></div> <div class="art-footer-l"></div> <div class="art-footer-b"></div> <div class="art-footer-r"></div> <div class="art-footer-body"> <a href="#" class="art-rss-tag-icon" title="RSS"></a> <div class="art-footer-text"> <p><a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p><p>Copyright © 2011. All Rights Reserved.</p> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> <p class="art-page-footer"><a href="">Website Template created with Artisteer.</a> </p> </div> </body> </html> |