HTML : Des exemples de base
Vous allez apprendre avec ce didacticiel la base de création des sites Web bien organisés et faciles à comprendre, avec de nombreux exemples d’utilisation des balises HTML.
Ne vous inquiétez pas si ces exemples utilisent des balises que vous n’avez pas apprises.
Vous en apprendrez davantage sur les prochains chapitres.
HTML est la langue dans laquelle la plupart des sites Web sont écrits. HTML est utilisé pour créer des pages et les rendre fonctionnelles. Le code utilisé pour les rendre visuellement attrayants est connu sous le nom de CSS et nous nous concentrerons sur cela dans un didacticiel ultérieur. Pour l’instant, nous allons nous concentrer sur la manière de construire plutôt que de concevoir.
Sommaire
Le documents HTML
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 trouve entre <body> et </ body>.
<!DOCTYPE html>
<html>
<body><h1>Ceci est un En-tête</h1>
<p>Ceci est une Paragraphe.</p></body>
</html>
Les titres dans HTML
Les titres HTML sont définis avec les balises de <h1> à <h6>.
<h1> définit l’en-tête le plus important. <h6> définit l’en-tête le moins important:
<h1>En-tête 1</h1>
<h2>En-tête 2</h2>
<h3>En-tête 3</h3>
Les paragraphes dans HTML
Les paragraphes HTML sont définis avec la balise <p>:
<p>Ceci est une paragraphe.</p>
<p>Ceci est une autre paragraphe.</p>
Les liens dans HTML
Les liens HTML sont définis avec la balise <a>:
<a href= »https://www.astuces-informatique.com »>Ceci est un lien</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 plus sur les attributs dans un chapitre ultérieur.
Les images dans HTML
Les images HTML sont définies avec la balise <img>.
Le fichier source (src), le texte alternatif (alt), la largeur et la hauteur sont fournis comme attributs:
<img src= »astuces.jpg » alt= »astuces-informatique.com » width= »100″ height= »140″>
Les boutons dans HTML
Les boutons HTML sont définis avec la balise <button>:
<bouton> Cliquez sur moi </ button>
Les listes dans HTML
Les listes HTML sont définies avec la balise <ul> (liste non ordonnée / puce) ou <ol> (liste ordonnée / numérotée), suivie des balises <li> (éléments de liste):
<ul>
<li>Chien</li>
<li>Chat</li>
<li>Lapin</li>
</ul>
