Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Ceci est un document de travail non-exhaustif. Par Patrick Reuter. Dernière mis

Ceci est un document de travail non-exhaustif. Par Patrick Reuter. Dernière mise à jour : 17/11/2018 « Hello World » en HTML5 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8" /> <title>Hello World</title> </head> <body> <p>Premier exemple HTML5</p> </body> </html> Balises en-tête d’un document HTML5 <title>…</title> Titre, pour fenêtre ou moteur de recherche <link … /> Inclusion, p.ex., des feuilles de style CSS : <meta … /> Meta-description de la page <script> … </script> Inclusion des scripts JavaScript Balises du corps de document HTML5 (avec fermeture)  <p>Paragraphe (texte normal)</p> Paragraphe (texte normal) <em>Texte en emphase</em> Texte en emphase <strong>Texte en renforcement</strong> Texte en renforcement <h1>Titre niveau 1</h1> Titre niveau 1 <h2>Titre niveau 2</h2> Titre niveau 2 … … <h6>Titre niveau 6</h6> Titre niveau 6 <a href="lien.html">lien hypertexte</a> lien hypertexte Tables <table> <tr> <th>Extension</th> <th>Utilisation</th> </tr> <tr> <td>.jpg</td> <td>Photos</td> </tr> <tr> <td>.png</td> <td>Illustrations</td> </tr> <tr> <td>.gif</td> <td>Animations</td> </tr> </table> Listes non-ordonnée <ul> <li>1er élément</li> <li>2ème élément</li> <li>3ème élément</li> </ul> Listes ordonnée <ol> <li>…</li> <li>...</li> <li>...</li> </ol> Balises du corps de document HTML5 (sans fermeture) : <br /> Saut de ligne dans paragraphe <img src="pele.jpg" alt="Pelé" width="256" height="128" /> Intégration d’une image Attributs globaux <h1 id="hautdepage"></h1> Définit un identifiant unique (id) pour le document. <h1 class="grandtitre titres"></h1> Une liste de classes séparées par des espaces. Balises structurantes de HTML5 : <header>…</header> En-tête du corps du document <nav>…</nav> Eléments de navigations (menu). <section>…</section> Contenu de la page. <article>…</article> Bloc de contenu <aside>…</aside> Une colonne supplémentaire... <footer>…</footer> Pied-de page <address>…</address> Adresse à contacter <figure>…</figure> Illustration <main>…</main> Partie unique de la page web par rapport aux autres pages du site Balises génériques <div>…</div> Balise générique de type block. <span>…</span> Balise générique de type inline. Balises de média HTML5 <audio>…</audio> Pour lire un fichier audio. <video>…</video> Pour lire un fichier vidéo. <canvas>…</canvas> Créer un graphique raster. <svg>…</svg> Créer un graphique vectoriel. Exemple de structuration uploads/s1/ fiche-cours-html.pdf