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.

3814 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
811 vues
Utilisation des éléments <input>, <textarea>, <select> et <button>
Utilisation des éléments <input>, <textarea>, <select> et <button>Dans un formulaire HTML, différents éléments sont utilisés pour collecter des données de...
HTML
5 237 vues
Comment débute-t-on ?
Maintenant que vous savez qu'elles sont les différents langages web à utiliser pour développer un site, vous devez certainement vous demander "Alors, comment développe-t-on un site...
Créer son site
1 335 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
4 470 vues
Créer un commentaire
Poster un commentaireDans notre dossier f_forum, nous allons reprendre la page topic.php. Dans cette page nous allons ajouter la possibilité à vos utilisateurs de pouvoir poster des commentaires...
Créer son site
2 522 vues
Demande d'amis en PHP (2/3)
Dans cette deuxième vidéos nous allons développer notre système de relation d’amitié afin de faire apparaître les bons boutons en fonction de l'état de la relation entre 2 membres.
Créer son site de rencontres
769 vues
Utilisation des blocs try...catch
Utilisation des Blocs try...catch en JavaScriptLes blocs try...catch en JavaScript permettent de gérer les erreurs potentielles qui peuvent survenir lors de l'exécution d'un bloc de code. Ils...
JS
2 492 vues
Nesting : Organiser le code CSS en utilisant le nesting pour des sélecteurs imbriqués
Nesting en SASS : Organiser le code CSS avec des sélecteurs imbriqués1. Utilisation du nesting :En SASS, vous pouvez organiser votre code CSS en utilisant le nesting pour des sélecteurs...
Sass
1 209 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
Publicité
Cette pub permet au site de vivre ...