HTML Exemples de base
La première étape pour créer un site Internet est d'apprendre à voir le monde
à travers les yeux d'un internaute.
Dans ce chapitre, nous montrerons quelques exemples HTML de base.
Ne vous inquiétez pas si nous utilisons des balises dont vous n'avez pas encore entendu parler.
HTML Documents
Tous les documents HTML doivent commencer par une déclaration de type de document : <!DOCTYPE html>.
Le document HTML lui-même commence par <html> et se termine par </html>.
La partie visible du document HTML se situe entre <body> et </body>.
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>Mon premier titre</h1>
<p>Mon premier paragraphe.</p>
</body>
</html>
Try it Yourself »
La <!DOCTYPE> Déclaration
La déclaration <!DOCTYPE> représente le type de document et aide les navigateurs à afficher correctement les pages Web.
Il ne doit apparaître qu'une seule fois, en haut de la page (avant les éventuelles balises HTML).
La déclaration <!DOCTYPE> n'est pas sensible à la casse.
La déclaration <!DOCTYPE> pour HTML5 est :
<!DOCTYPE html>
HTML Rubriques
Les titres HTML sont définis avec les balises <h1> à <h6>.
<h1> définit le titre le plus important. <h6> définit la rubrique la moins importante :
HTML Paragraphes
Les paragraphes HTML sont définis avec la balise <p> :
HTML Liens
Les liens HTML sont définis avec la balise <a> :
La destination du lien est spécifiée dans l'attribut href.
Les attributs sont utilisés pour fournir des informations supplémentaires sur les éléments HTML.
Vous en apprendrez davantage sur les attributs dans un chapitre ultérieur.
HTML Images
Les images HTML sont définies avec la balise <img>.
Le fichier source (src), le texte alternatif (alt), width et height sont fournis comme attributs :
Comment afficher la source HTML ?
Avez-vous déjà vu une page Web et vous êtes-vous demandé : "Hé ! Comment ont-ils fait ça ?"
Afficher le code source HTML :
Faites un clic droit sur une page HTML et sélectionnez « Afficher la source de la page » (dans Chrome) ou « Afficher la source » (dans Edge), ou similaire dans d'autres navigateurs. Cela ouvrira une fenêtre contenant le code source HTML de la page.
Inspecter un élément HTML :
Faites un clic droit sur un élément (ou une zone vide) et choisissez « Inspecter » ou « Inspecter l'élément » pour voir de quels éléments sont constitués (vous verrez à la fois le HTML et le CSS). Vous pouvez également modifier le HTML ou le CSS à la volée dans le panneau Éléments ou Styles qui s'ouvre.
