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.

3881 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
655 vues
Déclaration de fonctions
Les fonctions en PHP sont des blocs de code réutilisables qui effectuent une tâche spécifique. Elles permettent d'organiser le code en le divisant en tâches plus petites et plus gérables. Voici...
PHP
17 771 vues
Première page (index.php)
Pour commencer à développer notre site nous avons besoin de créer une nouvelle page que l'on appellera index.php. Cette page fera office de page d'accueil car lorsque vous allez...
Créer son site
3 955 vues
Création de liens hypertexte avec <a>
Création de liens hypertexte avec <a>La balise <a> (ou <a href="">) est utilisée pour créer des liens hypertexte dans une page HTML. Elle permet de lier le contenu d'une page à...
HTML
3 178 vues
Introduction à SQL
SQL, ou Structured Query Language, est un langage de programmation standard utilisé pour communiquer avec et manipuler des bases de données relationnelles. Il est largement utilisé dans le domaine...
SQL
4 745 vues
Le langage CSS
Le CSS permet de concevoir le design de votre site web. Le CSS agit sur des éléments HTML.On peut intégrer le CSS de deux façons :Directement sur les éléments de votre HTML,Mettre le...
Créer son site
4 780 vues
Créer sa première page
Attention ! ⚠️ À partir de ce cours je ne détaillerais plus comme le cours précédent.À la place il sera expliqué ce que la vidéo va vous apporter et .. comme toujours le code sera...
Créer son site de rencontres
1 036 vues
Grid : organiser les éléments dans un système de grille
Grid : Organiser les Éléments dans un Système de GrilleCSS Grid est une méthode de disposition en CSS qui permet de créer des systèmes de grille complexes pour organiser les éléments sur une...
CSS
5 319 vues
Comprendre ce qu'est SASS et pourquoi il est utilisé
Qu'est-ce que SASS ?SASS, qui signifie Syntactically Awesome Style Sheets, est un préprocesseur CSS. Cela signifie qu'il s'agit d'un outil qui permet d'écrire du code CSS de manière plus efficace...
Sass
Publicité
Cette pub permet au site de vivre ...