SHARE
TWEET

Untitled

zeeph Dec 5th, 2018 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="fr" dir="fr">
  3.  
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <title>Ludovic</title>
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="description" content="Site sur le cours">
  10.     <meta name="keywords" content="HTML, CSS, WebDesgin, Intégration">
  11.     <meta name="author" content="Ludovic COULON">
  12.     <link rel="stylesheet" type="text/css" media="screen" href="css\main.css" />
  13.     <link rel="icon" type="image/png" href="favicon.png">
  14.     <link href="https://fonts.googleapis.com/css?family=Montserrat:500" rel="stylesheet">
  15.     <script src="main.js"></script>
  16. </head>
  17.  
  18. <body>
  19.     <div id="global">
  20.         <header>
  21.             <!--Entête-->
  22.             <h1>Titre de mon site web</h1>
  23.         </header>
  24.         <nav>
  25.             <!--Navigation principal du site-->
  26.             <ul>
  27.                 <li><a href="index.html" alt="Page d'accueil" title="Titre du site">Home</a></li>
  28.                 <li><a href="tableau.html" alt="Tableau" title="Tableau">Tableaux</a></li>
  29.                 <li><a href="#" alt="Page 2" title="Titre du site">Page 2</a></li>
  30.                 <li><a href="#" alt="Page 3" title="Titre du site">Page 3</a></li>
  31.                 <li><a href="#" alt="Page 4" title="Titre du site">Page 4</a></li>
  32.             </ul>
  33.         </nav>
  34.         <!--Fin de la balise nav-->
  35.         <div id="contenu">
  36.             <div id="ariane">
  37.                 <p>Vous êtes ici : <a href="index.html" alt="Vous êtes sur la page d'acceuil" title="page accueil">Accueil</a></p>
  38.             </div>
  39.             <section>
  40.                 <article>
  41.                     <h2>Titre de niveau 1</h2>
  42.                     <p>Une liste sur le langage HTML utilisant les styles CSS</p>
  43.                     <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt iste dicta consequatur
  44.                         expedita
  45.                         cumque deleniti voluptatibus corporis, iure asperiores odio voluptatem possimus eius totam quo
  46.                         maxime molestias optio. Sed, commodi?</p>
  47.                     <img src="img/jul.png" alt="jul le S poto" title="jul">
  48.                     <img src="img/lol.png" alt="n lol" title="lol">
  49.                     <p>Les images sont des balises inline, elles se posotionnent donc par défaut les unes à côté des
  50.                         autres.
  51.                         Pour les positionner les unes en dessous des autres il faut utiliser la propriété <strong>"display"</strong>
  52.                         et
  53.                         la valeur <strong>"block"</strong>
  54.                     </p>
  55.                 </article>
  56.             </section>
  57.             <aside>
  58.                 <ul>
  59.                     <li>Lien 1</li>
  60.                     <li>Lien 2</li>
  61.                     <li>Lien 3</li>
  62.                     <li>Lien 4</li>
  63.                     <li>Lien 5</li>                    
  64.                 </ul>
  65.             </aside>
  66.         </div>
  67.         <footer>
  68.             <p>2018 &copy; Ludovic - Mon site en HTML CSS</p>
  69.         </footer>
  70.     </div>
  71. </body>
  72.  
  73. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top