LOGO Lionel Groulx

Site Web du cours « Programmation de Systèmes »

HTML, CSS Accueil
Chapitres :

  1. Introduction
  2. HTML:Bases
  3. HTML:Balises fondamentales
  4. HTML:Images
  5. HTML:Formulaires
  6. CSS:Mise en place
  7. CSS:Formatage de texte
  8. CSS:Couleurs et habillage
  9. Tableaux
  10. CSS:Effets dynamiques
  11. Mise en page structurée
  12. page HTML prête à l'emploi

HTML et CSS Chapitre 12
Un gabarit de page HTML prête à l'emploi

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>Mon Titre</title>

    </head>

 

    <body>

        <header>

            <h1>Titre 1</h1>

            <h2>Titre 2</h2>

        </header>

         

        <nav>

            <ul>

                <li><a href="http//monlienici">Accueil</a></li>

                <li><a href="http//monlienici">Blog</a></li>

                <li><a href="http//monlienici">CV</a></li>

            </ul>

        </nav>

         

        <section>

            <aside>

                <h1>Un Titre</h1>

                <p>Un texte</p>

            </aside>

            <article>

                <h1>Un autre titre</h1>

                <p>un article ici</p>

            </article>

        </section>

         

        <footer>

            <p>Mes mentions de droits<br />

            <a href="mailto:moncourrielici">Me contacter !</a></p>

        </footer>

         

    </body>

</html>

Centrer du texte :

<p style="text-align:center">

  Ce site est encore en phase de construction, merci de votre compréhension

  <br/></p>

 

Centrer une image :

Elle doit être encerclée dans des balises <p>, puis, même technique que précédemment. :

<p style="text-align:center">

<img src="includes/construction_038.gif"><br/>

 </p>