Quelques exemples de balises:
1. Les balises d’en-tête
Ces balises sont toutes situées dans l’en-tête de la page web, c’est-à-dire entre et :
<link/> |
Liaison avec une feuille de style |
<meta/> |
Métadonnées de la page web (charset, mots-clés, etc.) |
<script> |
Code JavaScript |
<style> |
Code CSS |
<title> |
Titre de la page |
2.Balises de structuration du texte
<a> |
Lien hypertexte |
<p> |
Paragraphe |
<br> |
Saut de ligne |
<i> |
Italique |
<strong> |
Caractère gras |
<h1> |
Caractère de niveau 1 (il y a six niveaux prédéfinis) |
<img> |
Image |
<audio> |
Son |
<video> |
Vidéo |
3.Balises de listes, de tableau et de formulaire
<ul> |
Liste à puces |
<ol> |
Lise numérotées |
<li> |
Élément de la liste à puces |
<table> |
Tableau |
<tr> |
Ligne de tableau |
<td> |
Cellule |
<form> |
Fomulaire |
<textarea> |
Zone de texte |
<input> |
Libellé d’un champ de formulaire |
<label> |
Champ de formulaire (texte, mot de passe, case à cocher, bouton, etc.) |
<select> |
Liste déroulante |
4. Les balises de section
Ces balises permettent de construire le squelette de notre site web.
<header> |
En tête |
<nav> |
Element de navigation (menu, sous-menu,…) |
<footer> |
Pied de page |
<section> |
Section |
5. Les balises universelles
Les balises universelles sont des balises qui n’ont pas de sens sémantique.En effet, toutes les autres balises HTML ont un sens : <p> signifie « Paragraphe », <h2> signifie « Sous-titre »,etc. Parfois, on a besoin d’utiliser des balises universelles car aucune des autres balises ne convient. On utilise le plus souvent des balises génériques pour construire son design.
Il y a deux balises génériques : l’une est inline, l’autre est block.
<div> |
Balise générique de type block |
<span> |
Balise générique de type inline |