Trucsweb.com

Trucsweb 1997-2017 - 20 ans de partage.

HTML

Référence des balises HTML

RDFFav

Référence des balises HTML - Pour une référence rapide.

Ce tableau contient les balises HTML usuelles avec une courte description.références balises html usuelle courte description tag

  • · 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
Django (Oznog) Blais
Dernière mise à jour :

Commentaires

       Visites : 2731 - Pages vues : 32200
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@