Lancez-Vous. C'est gratuit
ou s'inscrire avec votre adresse e-mail
CSS & HTML par Mind Map: CSS & HTML

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. }