- · Niveau : DÉBUTANT
- · Compatibilité : Tous les navigateurs
Ce tableau contient les balises HTML usuelles avec une courte description.
| Balises de base | |
| <html></html> Balise d’un document HTML |
|
|
<head></head> Balise d’en-tête d’un document avec les informations invisibles dans la page comme le titre ou les scripts Javascript |
|
| <body></body> Balise du document visible. |
| Balises d’en-tête ou balises meta (meta tag) | |
| <title></title> Titre de la page (affichée dans la barre du haut du navigateur) |
| Attributs de la balise BODY | |
| <body
bgcolor="#C0C0C0"> Couleur de fond de la page en valeur hexadécimale |
|
|
<body
text="#000000"> Couleur du texte en valeur hexadécimale |
|
| <body
link="#0000FF"> Couleur des hyperliens en valeur hexadécimale |
|
| <body
vlink="#800080"> Couleur des hyperliens visités en valeur hexadécimale |
|
| <body
alink="#"> Couleur des hyperliens lors d’un clic en valeur hexadécimale |
| Balises de texte | |
| <pre></pre> Texte pré-formaté (avec espaces) |
|
| <hl></hl> Plus gros texte d’en-tête |
|
| <h6></h6> Plus petit texte d’en-tête |
|
| <b></b> Texte en caractères gras |
|
|
<i></i> Texte en italique |
|
| <font
size="2"></font> Grandeur du texte de 1 à 7 |
|
| <font
color="#000000"></font> Couleur du texte en valeur hexadécimale |
| Balises du lien hypertexte | |
| <a
href="URL"></a> Lien hypertexte normal |
|
| <a
href="mailto:courriel"></a> Lien d’adresse électronique (courriel) |
|
| <a
target="nom"></a> Défini le "target" ou le nom de la fenêtre qui recevera la page d’un lien hypertexte |
|
| <a
href="#ancre"></a> Lien dans le même document à l’aide d’ancre |
| Balises de formatage | |
| <p></p> Paragraphe |
|
| <p
align="left|center|right"> Alignement d’un paragraphe à gauche, au centre ou à droite |
|
| <br> Saut de ligne |
|
| <blockquote>
</blockquote> Indentation d’un paragraphe |
|
| <dl></dl> Liste d’éléments |
|
| <dt> Avant chaque terme de définition |
|
| <dd> Avant chaque définition |
|
| <ol></ol> Énumération |
|
| <li></li> Élément d’une énumération avec chiffre |
|
| <ul></ul> Liste avec point |
|
| <div
align="left|center|right"> Alignement d’un bloc du document HTML à gauche, au centre ou à droite. Aussi utilisé pour les feuilles de style |
| Balises graphique | |
| <img
src="url de l’image"> Image |
|
| <img
src="url" align="left|right|center|bottom|top|middle"> Alignement de l’image: gauche, droite, centre, bas, haut, millieu |
|
| <img
src="url" border="100"> Grandeur de la bordure d’une image en pixels |
|
| <hr> Ligne horizontale |
|
| <hr
size="1"> Hauteur d’une ligne en pixels |
|
| <hr
width="75%"> Longueur d’une ligne en pixels (peut être en pourcentage) |
|
| <hr
noshade> Ligne sans ombrage |
| Balises des tables | |
| <table></table> Table ou tableau |
|
| <tr></tr> Chaque ligne d’un tableau |
|
| <td></td> Chaque colonne d’un ligne d’un tableau (une cellule) |
|
| <th></th> En-tête d’une colonne d’un tableau (cellule normal avec texte gras et centré par défaut) |
| Attributs d’un tableau | |
| <table
border="1"> Largeur de la bordure d’une cellule d’un tableau en pixels |
|
| <table
cellspacing="1"> Espace entre les cellules d’un tableau en pixels |
|
| <table
cellpadding=#> Espace entre le contenu d’une cellule et la bordure de la cellule d’un tableau en pixels |
|
| <table
width="100%"> Largeur en pixels ou en pourcentage d’un tableau |
|
| <tr
align="left|center|right"> ou <td align="left|center|right"> Allignement horizontal d’une ou des cellules (gauche, centre ou droite) |
|
| <tr
valign="top|middle|bottom">
or <td valign="top|middle|bottom"> Allignement vertical d’une ou des cellules (haut,millieu, bas) |
|
| <td
colspan=#> Nombre de colonne jumelé dans une colonne ou nombre de colonne dans une cellule |
|
| <td
rowspan=#> nombre de ligne jumelé ou nombre de ligne d’une cellule (defaut=1) |
|
| <td
nowrap> Empèche une phrase ou les éléments d’une cellule d’être scindé en plusieurs lignes |
| Balises d’ensembles de cadres "frameset" | |
| <frameset></frameset> Ensemble de cadre (peut être imbriqué dans un autre "frameset") |
|
| <frameset
rows="150,25%,*"> Hauteur des cadres d’un ensemble de cadre vertical en pixels ou en pourcentage (l’astérisque "*" indique l’espace restant) |
|
| <frameset
cols="150,25%,*"> Largeur des cadres d’un ensemble de cadre horizontal en pixels ou en pourcentage (l’astérisque "*" indique l’espace restant) |
|
| <frame> Cadre |
|
| <noframes></noframes> Pour les navigateurs qui ne supportent pas les ensembles de cadres |
| Attributs du cadre | |
| <frame
src="URL"> URL du document HTML d’un cadre |
|
| <frame
name="nom"> Nom d’un cadre utilisé pour les hyperliens entre cadres |
|
| <frame
marginwidth="0"> Marge de gauche et de droite d’un cadre en pixels |
|
| <frame
marginheight="1"> Marge du haut et du bas d’un cadre en pixels |
|
| <frame
scrolling="yes|no|auto"> Barre de défillement "oui, non, ou automatique" (automatique, seulement si le contenu du cadre n’entre pas au complet dans la fenêtre |
|
| <frame
noresize> Empèche de redimantionner le cadre |
| Balises de formulaire | |
| <form></form> Formulaire |
|
| <select
multiple name="NOM" size="1"></select> Menu déroulant sélection multiple. avec son nom et le nombre d’élément visible. |
|
| <select
name="NOM"></select> Menu déroulant |
|
| <option> Élément ou option d’un menu déroulant |
|
| <textarea
name="NOM" cols="30" rows="4"></textarea> Saisie d’un texte à plusieurs ligne. cols = largeur en nombre de caractères; rows = nombre de ligne. |
|
| <input
type="checkbox" name="NOM"> Boîte de sélection (plusieurs boîtes peuvent être coché) |
|
| <input
type="radio" name="NOM" value="1"> "radio button" (une seule boîte ou cercle peut être coché) |
|
| <input
type=text name="nom" size="30"> Saisie d’un texte sur une seule ligne. (size = largeur en nombre de caractères) |
|
| <input
type="submit" value="Envoyer"> Boutons pour envoyer le formulaire |
|
| <input
type="image" border="0" name="NOM" src="URL de l’image"> Boutons pour envoyer le formulaire utilisant une image |
|
| <input
type="reset" value="Rétablir"> Bouton pour rétablir le formulaire d’origine |
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion