1. Page web HTML
1.1. <head>
1.1.1. <meta charset="utf-8">
1.1.2. <link rel = "stylesheet" href=style.css">
1.1.3. <title>Nom du site</title>
1.1.4. <link href="https://fonts.googleapis.com/css?family=Crete+Round" rel="stylesheet">
1.2. <body>
1.2.1. <header>
1.2.1.1. <div class="wrapper"></div>
1.2.1.2. <h1>Nom du site</h1>
1.2.1.3. <ul>
1.2.1.3.1. <li><a href=#onglet1>Onglet 1</a></li>
1.2.1.3.2. <li><a href=#onglet2>Onglet 2<a/></li>
1.2.1.3.3. <li><a href=#onglet3>Onglet 3</a></li>
1.2.1.4. </ul>
1.2.2. <br><br><br>
1.2.2.1. <!--Saut de ligne-->
1.2.3. <section id="onglet1">Onglet 1</section>
1.2.3.1. <h1>Option 1</h1>
1.2.3.1.1. <p>Mon paragraphe 1</p>
1.2.3.1.2. <p>Mon paragraphe 2</p>
1.2.3.2. <h1>Option 2</h1>
1.2.3.2.1. <p>Mon paragraphe 1</p>
1.2.3.2.2. <p>Mon paragraphe 2</p>
1.2.4. <br><br><br>
1.2.4.1. <!--Saut de ligne-->
1.2.5. <section id="onglet2">Onglet 2</section>
1.2.5.1. <h1>Option 1</h1>
1.2.5.1.1. <p>Mon paragraphe 1</p>
1.2.5.1.2. <p>Mon paragraphe 2</p>
1.2.5.2. <h1>Option 2</h1>
1.2.5.2.1. <p>Mon paragraphe 1</p>
1.2.5.2.2. <p>Mon paragraphe 2</p>
1.2.6. <br><br><br>
1.2.6.1. <!--Saut de ligne-->
1.2.7. <section id="onglet3">Onglet 3</section>
1.2.7.1. <h1>Option 1</h1>
1.2.7.1.1. <p>Mon paragraphe 1</p>
1.2.7.1.2. <p>Mon paragraphe 2</p>
1.2.7.2. <h1>Option 2</h1>
1.2.7.2.1. <p>Mon paragraphe 1</p>
1.2.7.2.2. <p>Mon paragraphe 2</p>
1.2.8. <br><br><br>
1.2.8.1. <!--Saut de ligne-->
1.2.9. <footer>
2. Personnalisation CSS
2.1. h1
2.1.1. {
2.1.1.1. font-family: "Crete Round", serif;
2.1.1.2. font-size:45px;
2.1.1.3. color:#444;
2.1.2. }
2.2. body
2.2.1. {
2.2.1.1. font-family: :Arial, Sans-serif;
2.2.1.2. font-size:15px;
2.2.2. }
2.3. p
2.3.1. {
2.3.1.1. color:#777;
2.3.1.2. line-height:20px;
2.3.2. }
2.4. header h1
2.4.1. {
2.4.1.1. float:left;
2.4.1.2. margin-top:32px;
2.4.2. }