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.

Tutoriel - Les bases de la langage HTML

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.

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>:

À lire aussi  Tutoriel HTML5 et CSS3

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


Articles similaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Voir Aussi
Fermer
Bouton retour en haut de la page