Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Introduction à HTML pour la Structuration du Contenu | Anatomie d'un Site Web
Développement Web Avec ChatGPT

bookIntroduction à HTML pour la Structuration du Contenu

HTML, la base des pages web, définit leur structure et leur contenu. On peut la comparer aux fondations, aux murs, à la porte et au toit d'une maison.

Au cœur du langage, HTML se compose d’éléments entourés de chevrons (<>) et généralement présents par paires : une balise ouvrante et une balise fermante. Ces éléments forment une structure hiérarchique, certains étant imbriqués dans d’autres pour créer une mise en page cohérente.

Exemple :

Veuillez cliquer sur le bouton Exécuter le code pour voir le site web en action.

index.html

index.html

copy

Ajouter différents types de balises en HTML

En HTML, il est possible d’utiliser diverses balises pour ajouter différents types de contenu à la page web. Voici comment ajouter du texte, des images, des liens, et plus encore :

Ajout de texte

Pour ajouter du texte à la page web, utiliser la balise <p> pour les paragraphes, et <h1> à <h6> pour les titres de différents niveaux.

index.html

index.html

copy

Ajout d’images

Pour ajouter des images, utiliser la balise <img>. Spécifier la source de l’image (attribut src) et, en option, inclure des attributs comme alt pour le texte alternatif ainsi que width et height pour les dimensions.

<img src="image.jpg" alt="Description of the image" width="300" height="200" />

Ajout de liens

Pour ajouter des hyperliens vers d'autres pages web ou ressources, utiliser la balise <a>. Spécifier l'URL de la page de destination à l'aide de l'attribut href.

index.html

index.html

copy

Ajout de listes

Pour créer des listes ordonnées (numérotées) ou non ordonnées (à puces), utiliser respectivement les balises <ol> et <ul>. À l'intérieur de ces balises, utiliser la balise <li> pour chaque élément de la liste.

index.html

index.html

copy

Ajout de formulaires

Pour créer des formulaires permettant la saisie utilisateur, divers éléments liés aux formulaires peuvent être utilisés, tels que <form>, <input> et <button>.

index.html

index.html

copy

Nous pouvons ajouter une grande variété de contenus à la page web en utilisant ces balises HTML, allant du texte simple et des images jusqu’aux formulaires interactifs. Ci-dessous, vous trouverez le site web avec les balises considérées.

index.html

index.html

copy

Tutoriel vidéo

question mark

Lesquelles des affirmations suivantes concernant les balises HTML sont correctes ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 5

bookIntroduction à HTML pour la Structuration du Contenu

Glissez pour afficher le menu

HTML, la base des pages web, définit leur structure et leur contenu. On peut la comparer aux fondations, aux murs, à la porte et au toit d'une maison.

Au cœur du langage, HTML se compose d’éléments entourés de chevrons (<>) et généralement présents par paires : une balise ouvrante et une balise fermante. Ces éléments forment une structure hiérarchique, certains étant imbriqués dans d’autres pour créer une mise en page cohérente.

Exemple :

Veuillez cliquer sur le bouton Exécuter le code pour voir le site web en action.

index.html

index.html

copy

Ajouter différents types de balises en HTML

En HTML, il est possible d’utiliser diverses balises pour ajouter différents types de contenu à la page web. Voici comment ajouter du texte, des images, des liens, et plus encore :

Ajout de texte

Pour ajouter du texte à la page web, utiliser la balise <p> pour les paragraphes, et <h1> à <h6> pour les titres de différents niveaux.

index.html

index.html

copy

Ajout d’images

Pour ajouter des images, utiliser la balise <img>. Spécifier la source de l’image (attribut src) et, en option, inclure des attributs comme alt pour le texte alternatif ainsi que width et height pour les dimensions.

<img src="image.jpg" alt="Description of the image" width="300" height="200" />

Ajout de liens

Pour ajouter des hyperliens vers d'autres pages web ou ressources, utiliser la balise <a>. Spécifier l'URL de la page de destination à l'aide de l'attribut href.

index.html

index.html

copy

Ajout de listes

Pour créer des listes ordonnées (numérotées) ou non ordonnées (à puces), utiliser respectivement les balises <ol> et <ul>. À l'intérieur de ces balises, utiliser la balise <li> pour chaque élément de la liste.

index.html

index.html

copy

Ajout de formulaires

Pour créer des formulaires permettant la saisie utilisateur, divers éléments liés aux formulaires peuvent être utilisés, tels que <form>, <input> et <button>.

index.html

index.html

copy

Nous pouvons ajouter une grande variété de contenus à la page web en utilisant ces balises HTML, allant du texte simple et des images jusqu’aux formulaires interactifs. Ci-dessous, vous trouverez le site web avec les balises considérées.

index.html

index.html

copy

Tutoriel vidéo

question mark

Lesquelles des affirmations suivantes concernant les balises HTML sont correctes ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2
some-alt