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
Essentiels du Développement Web Propulsé par l'IA

bookIntroduction à HTML pour la Structuration du Contenu

Le HTML, fondement des pages web, définit leur structure et leur contenu. Il peut être comparé aux fondations, aux murs, à la porte et au toit d'une maison.

À la base, le HTML se compose d'éléments entourés de crochets angulaires (<>) et généralement présents par paires : une balise ouvrante et une balise fermante. Ces éléments forment une structure hiérarchique, certains éléments é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

Ajout de différentes 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, utilisez la balise <img>. Spécifiez la source de l’image (attribut src) et, si nécessaire, ajoutez 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, utilisez la balise <a>. Spécifiez 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), utilisez respectivement les balises <ol> et <ul>. À l'intérieur de ces balises, utilisez la balise <li> pour chaque élément de la liste.

index.html

index.html

copy

Ajout de formulaires

Pour créer des formulaires de saisie utilisateur, utilisez différentes balises liées aux formulaires telles 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

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

Le HTML, fondement des pages web, définit leur structure et leur contenu. Il peut être comparé aux fondations, aux murs, à la porte et au toit d'une maison.

À la base, le HTML se compose d'éléments entourés de crochets angulaires (<>) et généralement présents par paires : une balise ouvrante et une balise fermante. Ces éléments forment une structure hiérarchique, certains éléments é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

Ajout de différentes 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, utilisez la balise <img>. Spécifiez la source de l’image (attribut src) et, si nécessaire, ajoutez 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, utilisez la balise <a>. Spécifiez 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), utilisez respectivement les balises <ol> et <ul>. À l'intérieur de ces balises, utilisez la balise <li> pour chaque élément de la liste.

index.html

index.html

copy

Ajout de formulaires

Pour créer des formulaires de saisie utilisateur, utilisez différentes balises liées aux formulaires telles 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

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 2
some-alt