Les bases du HTML
Le HTML est utilisé pour structurer une page web et son contenu. Voici quelques éléments essentiels pour commencer :
- Sélecteurs : Les sélecteurs identifient les éléments HTML auxquels vous souhaitez appliquer un style. Par exemple, pour rendre tous les paragraphes en rouge, utilisez le sélecteur
p
:HTML<p>Mon chat est très grincheux.</p>
. Assurez-vous d’ajouter le lien vers votre fichier CSS dans votre document HTML pour que cela fonctionne :HTML<link href="styles/style.css" rel="stylesheet" type="text/css" />
- Déclarations : Les déclarations définissent les propriétés de l’élément que vous souhaitez styliser. Dans l’exemple ci-dessus,
color: red;
est une déclaration qui définit la couleur du texte. - Propriétés : Les propriétés déterminent comment vous souhaitez styliser un élément. Par exemple,
color
est une propriété qui contrôle la couleur du texte. - Valeur de la propriété : Les valeurs spécifient les détails de la propriété. Dans notre exemple, la valeur est
red
.
Voici un exemple d’élément de paragraphe plus en détail :
HTML
<p>Mon chat est très grincheux.</p>
Les parties principales de cet élément sont :
- La balise ouvrante : elle indique le début de l’élément (
<p>
). - La balise fermante : elle indique la fin de l’élément (
</p>
). - Le contenu : le texte à l’intérieur de l’élément.
Les éléments peuvent également avoir des attributs pour fournir des informations supplémentaires. Par exemple :
HTML
<p class="editor-note">Mon chat est très grincheux.</p>
L’attribut class
permet de cibler l’élément pour la mise en forme ou la manipulation avec des scripts.
Pour en savoir plus, consultez les ressources suivantes :
- Notions de base en HTML – MDN
- HTML pour les Nuls : apprendre les balises HTML en moins de 30 minutes
- HTML pour les Nuls : Les bases pour tout comprendre facilement
Amusez-vous bien avec vos premières aventures HTML ! 🌟
Leave a Reply