1. Personnalisation CSS
1.1. h1
1.1.1. {
1.1.1.1. font-family: "Crete Round", serif;
1.1.1.2. font-size:45px;
1.1.1.3. color:#444;
1.1.2. }
1.2. body
1.2.1. {
1.2.1.1. font-family: :Arial, Sans-serif;
1.2.1.2. font-size:15px;
1.2.2. }
1.3. p
1.3.1. {
1.3.1.1. color:#777;
1.3.1.2. line-height:20px;
1.3.2. }
1.4. header h1
1.4.1. {
1.4.1.1. float:left;
1.4.1.2. margin-top:32px;
1.4.2. }
2. Page web HTML
2.1. <head>
2.1.1. <meta charset="utf-8">
2.1.2. <link rel = "stylesheet" href=style.css">
2.1.3. <title>Nom du site</title>
2.1.4. <link href="https://fonts.googleapis.com/css?family=Crete+Round" rel="stylesheet">
2.2. <body>
2.2.1. <header>
2.2.1.1. <div class="wrapper"></div>
2.2.1.2. <h1>Nom du site</h1>
2.2.1.3. <ul>
2.2.1.3.1. <li><a href=#onglet1>Onglet 1</a></li>
2.2.1.3.2. <li><a href=#onglet2>Onglet 2<a/></li>
2.2.1.3.3. <li><a href=#onglet3>Onglet 3</a></li>
2.2.1.4. </ul>
2.2.2. <br><br><br>
2.2.2.1. <!--Saut de ligne-->
2.2.3. <section id="onglet1">Onglet 1</section>
2.2.3.1. <h1>Option 1</h1>
2.2.3.1.1. <p>Mon paragraphe 1</p>
2.2.3.1.2. <p>Mon paragraphe 2</p>
2.2.3.2. <h1>Option 2</h1>
2.2.3.2.1. <p>Mon paragraphe 1</p>
2.2.3.2.2. <p>Mon paragraphe 2</p>
2.2.4. <br><br><br>
2.2.4.1. <!--Saut de ligne-->
2.2.5. <section id="onglet2">Onglet 2</section>
2.2.5.1. <h1>Option 1</h1>
2.2.5.1.1. <p>Mon paragraphe 1</p>
2.2.5.1.2. <p>Mon paragraphe 2</p>
2.2.5.2. <h1>Option 2</h1>
2.2.5.2.1. <p>Mon paragraphe 1</p>
2.2.5.2.2. <p>Mon paragraphe 2</p>
2.2.6. <br><br><br>
2.2.6.1. <!--Saut de ligne-->
2.2.7. <section id="onglet3">Onglet 3</section>
2.2.7.1. <h1>Option 1</h1>
2.2.7.1.1. <p>Mon paragraphe 1</p>
2.2.7.1.2. <p>Mon paragraphe 2</p>
2.2.7.2. <h1>Option 2</h1>
2.2.7.2.1. <p>Mon paragraphe 1</p>
2.2.7.2.2. <p>Mon paragraphe 2</p>
2.2.8. <br><br><br>
2.2.8.1. <!--Saut de ligne-->
2.2.9. <footer>