HTML

Les balises HTML et leur utilisation

Cours sur les Balises HTML et leur Utilisation


Les balises HTML sont les éléments fondamentaux utilisés pour structurer le contenu d'une page Web. Chaque balise a un rôle spécifique dans la définition de différents éléments de contenu.


1. Balises de Structure de Texte :


  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6> : Utilisées pour les titres de différentes tailles.


<h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>


  • <p> : Utilisée pour les paragraphes de texte.


<p>Ceci est un paragraphe de texte.</p>


  • <em> et <strong> : Utilisées pour mettre en évidence le texte en italique et en gras, respectivement.


<p>
  <em>Texte en italique</em> et <strong>texte en gras</strong>.
</p>


2. Balises de Liste :


  • <ul> : Utilisée pour créer une liste non ordonnée.


<ul>
  <li>Élément de liste 1</li>
  <li>Élément de liste 2</li>
</ul>


  • <ol> : Utilisée pour créer une liste ordonnée.


<ol>
  <li>Élément de liste 1</li>
  <li>Élément de liste 2</li>
</ol>


3. Balises d'Hyperlien :


  • <a> : Utilisée pour créer des liens hypertexte vers d'autres pages Web ou des ressources.


<a href="https://www.example.com">Cliquez ici pour visiter Example.com</a>


4. Balises d'Image :


  • <img> : Utilisée pour afficher une image sur la page.


<img src="chemin/vers/image.jpg" alt="Description de l'image">


5. Balises de Tableau :


  • <table> : Utilisée pour créer un tableau.


<table>
  <tr>
    <td>Cellule 1</td>
    <td>Cellule 2</td>
  </tr>
</table>


6. Balises de Formulaire :


  • <form> : Utilisée pour créer un formulaire interactif.


<form action="/submit" method="post">
  <!-- Les éléments de formulaire vont ici -->
</form>


7. Balises de Section :


  • <div> : Utilisée pour diviser le contenu de la page en sections logiques.


<div>
  <!-- Contenu de la section -->
</div>


8. Balises de Texte en Ligne :


  • <span> : Utilisée pour appliquer des styles à des parties spécifiques du texte.


<p>Ceci est un <span style="color: red;">texte en rouge</span>.</p>


Conclusion :


En comprenant l'utilisation de ces balises HTML de base, vous pouvez commencer à créer du contenu structuré pour vos pages Web. Chaque balise a un rôle spécifique dans la présentation et l'organisation du contenu, ce qui vous permet de créer des pages Web bien conçues et faciles à naviguer.

4271 vues
Modifié le 19 février 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
4 273 vues
Explorer les avantages de la séparation des préoccupations
Explorer les avantages de la séparation des préoccupationsLa séparation des préoccupations est un principe de conception qui consiste à diviser un système en différentes parties qui se...
CSS
2 500 vues
Explorer les fonctions de manipulation de couleur, de texte, etc.
Exploration des fonctions de manipulation en SASS1. Manipulation de couleurs :SASS propose un ensemble de fonctions intégrées pour manipuler les couleurs. Vous pouvez ajuster la luminosité, la...
Sass
1 703 vues
Flexbox : créer des mises en page flexibles et responsives
Flexbox : Créer des Mises en Page Flexibles et ResponsivesFlexbox est une méthode de disposition en CSS qui permet de créer des mises en page flexibles et responsives. Il offre un contrôle...
CSS
3 586 vues
Gestion des demandes
Nous allons maintenant nous attaquer à la gestion des demandes d'amis. Pour cela vous allez créer une nouvelle page que nous allons appeler demandes-amis.php.Dans cette nouvelle page, dans un...
Créer son site
1 083 vues
Qu'est-ce que PHP ?
Introduction à PHPPHP, acronyme de "Hypertext Preprocessor", est un langage de programmation côté serveur très populaire, principalement utilisé pour développer des sites Web dynamiques et...
PHP
966 vues
Utilisation de gradients, ombres et transitions pour des effets visuels
Utilisation de Gradients, Ombres et Transitions pour des Effets VisuelsEn CSS, vous pouvez utiliser des gradients, des ombres et des transitions pour ajouter des effets visuels attrayants à vos...
CSS
1 930 vues
Sélecteurs d'ID : appliquer des styles à des éléments individuels
Sélecteurs d'ID : Appliquer des styles à des éléments individuelsLes sélecteurs d'ID sont des outils en CSS qui permettent d'appliquer des styles à des éléments HTML spécifiques....
CSS
1 433 vues
Sélecteurs CSS : identifier les éléments HTML auxquels appliquer des styles
Sélecteurs CSS : Identifier les éléments HTML auxquels appliquer des stylesLes sélecteurs CSS sont des motifs qui permettent de cibler et de sélectionner des éléments HTML spécifiques afin de...
CSS
Publicité
Cette pub permet au site de vivre ...