Cours sur les balises HTML
Le code
HTML est composé de balises imbriquées les unes dans les autres ; cela permet de regrouper les informations.
| <!DOCTYPE html> |
---|
| <head> |
---|
| <title>Titre de ma page</title> |
---|
| <style> ... </style> |
---|
| </head> |
---|
| <body>Bienvenue sur mon site</body> |
---|
| </html> |
---|
Pour donner une valeur à une balise on encadre la valeur de sa balise comme ci-dessous:
| <b>Texte GRAS</b> |
---|
| <i>Texte ITALIQUE</i> |
---|
| <u>Texte SOULIGNE</u> |
---|
Dans certains cas, par exemple pour
<img>,
<br>,
<input> il ne faut pas fermer la balise.
Exemple:
| <input type="checkbox" value="1" /> |
---|
| <br /> |
---|
| <img src="/xxx.png" target="_blank" /> |
---|
Ces balises n'ont pas pas besoin de valeur ( c'est cas de la balise <
br> ) ou alors nécessite
plusieurs valeurs donc la syntaxe est différent. Le rôle des attributs est expliqué dans le chapitre suivant.
Les balises les plus utilisées sont les suivantes:
Balise |
Fonction |
<!-- --> |
Commentaire |
<a> |
Lien hypertext |
<b> |
Texte en gras |
<body> |
Corps de la page |
<br /> |
Permet de sauter une ligne |
<caption> |
Titre d'un tableau |
<cite> |
Citation |
<div> |
Division |
<em> |
Emphase ( italique ) |
<fieldset> |
Permet de regrouper des éléments d'un formulaire |
<form> |
Formulaire |
<frame> |
Frame |
<h1> |
Titre d'importance 1 |
<h2> |
Titre d'importance 2 |
<h3> |
Titre d'importance 3 |
<h4> |
Titre d'importance 4 |
<h5> |
Titre d'importance 5 |
<h6> |
Titre d'importance 6 |
<head> |
Entête d'un fichier |
<hr> |
Séparateur horizontal |
<html> |
Balise obligatoire pour déclarer le debut du code html |
<i> |
Italique |
<img /> |
Image |
<input /> |
Elément du formulaire |
<label> |
Description d'un champ |
<li> |
Composant d'une liste ( ul ou ol ) |
<legend> |
Légende d'un tableau |
<meta> |
Information sur la page |
<noscript> |
Le texte indiqué sera affiché dans le cas où le navigateur n'accepte pas les scripts |
<object> |
Element multimédia |
<ol> |
Liste numéroté, associé à la balise li |
<option> |
Entrée de la base select |
<pre> |
Respecte le contenu HTML pour les espaces. |
<script> |
Insertion de script |
<span> |
Division comme la balise div l'affichage est différent |
<strong> |
Texte en gras |
<style> |
Insertion de style ( CSS ) |
<sub> |
Texte en indice |
<sup> |
Texte en exposant |
<table> |
Tableau |
<td> |
Cellule de tableau |
<textarea> |
Champ composé de plusieurs lignes |
<th> |
Cellule d'entête d'un tableau |
<title> |
Titre de la page |
<tr> |
Nouvelle ligne d'un tableau |
<ul> |
Liste non numéroté |
UNE QUESTION SUR L'ARTICLE?