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.

3856 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
9 057 vues
Introduction
Je vous propose un cours afin de concevoir votre premier site de A à Z incluant un espace membre, un forum & un blog 😎Les objectif de ce cours :L'objectif et de ce familiariser avec les...
Créer son site
3 519 vues
Afficher ses utilisateurs en PHP
Maintenant que nous avons créé notre formulaire d’inscription et de connexion nous allons afficher tous nos utilisateurs du site afin de visiter par la suite les autres profils du site.
Créer son site de rencontres
2 065 vues
Voir plus de messages (2/2)
Dans la suite de cette vidéo nous allons continuer notre système pour voir plus de messages. Nous allons finaliser la disparition du bouton ‘voir plus’ lorsqu’il n’y aura plus de messages...
Créer son site de rencontres
914 vues
Utilisation de styles en ligne avec l'attribut style
Utilisation de styles en ligne avec l'attribut styleL'attribut style permet de définir des styles CSS directement à l'intérieur des balises HTML. Cela permet d'appliquer des styles spécifiques à...
HTML
2 442 vues
Utilisation de l'instruction SQL INSERT INTO pour ajouter des données à une table
1. Accéder à PhpMyAdmin :Ouvrez un navigateur web et accédez à l'URL où vous avez installé PhpMyAdmin sur votre serveur.2. Authentification :Connectez-vous à PhpMyAdmin en utilisant vos...
SQL
3 162 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
714 vues
Sélecteurs d'attribut : styliser en fonction des attributs des éléments HTML
Sélecteurs d'Attribut : Styliser en fonction des attributs des éléments HTMLLes sélecteurs d'attribut en CSS permettent de cibler des éléments HTML en fonction de la présence ou de la valeur...
CSS
2 516 vues
Envoyer un message sans recharger la page (2/2)
Comme nous avons mis en place notre système en JavaScript / Ajax pour envoyer un message sans recharger notre page en cours nous allons maintenant enregistrer le message + afficher ce dernier dans...
Créer son site de rencontres
Publicité
Cette pub permet au site de vivre ...