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.

3648 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
2 753 vues
Barre de menu intelligente
Vous en avez marre de dupliquer votre code afin d'ajouter un nouveau lien sur votre barre de menus ?Alors dans cette vidéo vous allez apprendre à vous simplifier la vie en utilisant la fonction...
Créer son site de rencontres
2 208 vues
Accepter ou refuser une demande d'amis
Nous allons enfin terminer notre système d'amis en permettant à l'utilisateur d'accepter ou de refuser une ou plusieurs demande grâce à une liste contenant toutes les demandes que l'utilisateur...
Créer son site de rencontres
1 111 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
604 vues
Positionnement statique, relatif, absolu et fixe
Positionnement Statique, Relatif, Absolu et Fixe en CSSEn CSS, le positionnement des éléments peut être contrôlé en utilisant différentes propriétés. Les quatre types de positionnement les...
CSS
2 258 vues
Comprendre la syntaxe pour insérer des données dans des colonnes spécifiques ou dans toutes les colonnes
1. Insertion de Données dans Toutes les Colonnes :Pour insérer des données dans toutes les colonnes d'une table, voici la syntaxe générale :INSERT INTO nom_de_la_table VALUES (valeur_colonne1,...
SQL
1 986 vues
Mixins : Créer des mixins pour réutiliser des blocs de styles
Mixins en SASS : Créer et Utiliser1. Déclaration de mixins :En SASS, les mixins sont déclarés à l'aide du mot-clé @mixin, suivi du nom du mixin et des paramètres entre parenthèses. Les styles...
Sass
3 406 vues
Créer des listes ordonnées <ol> et non ordonnées <ul>
Créer des listes ordonnées avec <ol> et non ordonnées avec <ul>Les balises <ol> et <ul> sont utilisées pour créer respectivement des listes ordonnées et non ordonnées...
HTML
3 165 vues
Personnaliser sa barre de menu
Nous allons maintenant apprendre à personnaliser notre barre de recherche à partir de l'exemple de celle de Bootstrap.Nous allons également ajouter 2 nouvelles pages PHP que nous nommerons...
Créer son site de rencontres
Publicité
Cette pub permet au site de vivre ...