La 501 ème - L'Empire Des Clones - |
| Bonjour a tous, je fait cette page pour vous apprendre quelques balises html. Mais avant cela, savez-vous ce qu'est le HTML ?
L'Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. Il permet notamment d'implanter de l'hypertexte dans le contenu des pages et repose sur un langage de balisage, d’où son nom. HTML permet aussi de structurer sémantiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des éléments programmables tels que des applets. Il permet de créer des documents interopérables avec des équipements très variés de manière conforme aux exigences de l’accessibilité du web. Il est souvent utilisé conjointement avec des langages de programmation (JavaScript) et des formats de présentation (feuilles de style en cascade). HTML est initialement dérivé du Standard Generalized Markup Language (SGML).
Liste
des principales balises Html
Fichier Html
<HTML>...</HTML> |
Début
et fin de fichier Html |
<HEAD>...</HEAD> |
Zone d'en-tête
d'un fichier Html |
<TITLE>...</TITLE> |
Titre affiché
par le browser (élément de HEAD) |
<BODY>...</BODY> |
Début
et fin du corps du fichier Html |
<BODY
bgcolor="#XXXXXX"> |
Couleur
d'arrière-plan (en hexadécimal) |
<BODY
background="xyz.gif"> |
Image d'arrière-plan
|
Mise en forme des caractères
<B>...</B> |
Texte en
gras |
<BIG>...</BIG> |
Agrandissement
de la taille des caractères |
<BLINK>...</BLINK> |
Texte clignotant
(Netscape seul) |
<EM>...</EM> |
Texte en
italique |
<FONT
color="#XXXXXX">...</FONT> |
Texte en
couleur où XXXXXX est une valeur hexadécimale |
<FONT
size=X>...</FONT> |
Taille
des caractères où X est une valeur de 1 à 7 |
<I>...</I> |
Texte en
italique |
<NOBR>...</NOBR> |
Empêche
les ruptures automatiques de ligne des navigateurs |
<PRE>...</PRE> |
Texte préformaté,
soit avec affichage de tous les espaces et sauts de ligne |
<SMALL>...</SMALL> |
Réduction
de la taille des caractères |
<STRONG>...</STRONG> |
Mise en
gras du texte |
<SUB>...</SUB> |
Texte en
indice |
<SUP>...</SUP> |
Texte en
exposant |
<U>...</U> |
Texte souligné
|
Mise en forme du texte
<!--...--> |
Commentaire
ignoré par le navigateur |
<BR> |
A la ligne |
<BLOCKQUOTE>...</BLOCKQUOTE> |
Citation
(introduit un retrait du texte) |
<CENTER>...</CENTER> |
Centre
tout élément compris dans le tag |
<DIV
align=center> ...</DIV> |
Centre
l'élément encadré par le tag |
<DIV
align=left> ...</DIV> |
Aligne
l'élément à gauche |
<DIV
align=right> ...</DIV> |
Aligne
l'élément à droite |
<Hx>...</Hx> |
Titre où
x a une valeur de 1 à 7 |
<Hx align=center>...</Hx>
|
Titre centré |
<Hx
align=left>...</Hx> |
Titre aligné
à gauche |
<Hx
align=right>...</Hx> |
Titre aligné
à droite |
<P>...</P> |
Nouveau
paragraphe |
<P
align=center>...</P> |
Paragraphe
centré |
<P
align=left>...</P> |
Paragraphe
aligné à gauche |
<P
align=right>...</P> |
Paragraphe aligné
à droite
|
Listes
<UL>
<LI>
</UL>
|
Liste non
numérotée (dite à puces)
Elément de liste |
<OL>
<LI>
</OL> |
Liste numérotée
Elément de liste |
<DL>
<DT>...</DT>
<DD>...</DD>
</DL> |
Liste de
glossaire
Terme de glossaire (sans retrait)
Explication du terme (avec retrait)
Ligne de séparation |
<HR> |
Trait horizontal
(centré par défaut) |
<HR
width="x%"> |
Largeur
du trait en % |
<HR
width=x> |
Largeur
du trait en pixels |
<HR
size=x> |
Hauteur
du trait en pixels |
<HR
align=center> |
Trait centré
(défaut) |
<HR
align=left> |
Trait aligné
à gauche |
<HR
align=right> |
Trait aligné
à droite |
<HR
noshade> |
Trait sans effet d'ombrage
|
Hyperliens
<A
href="http://...">...</A> |
Lien vers
une page Web |
<A
href="mailto:...">...</A> |
Lien vers
une adresse Email |
<A
href="fichier.htm">...</A> |
Lien vers
la page locale fichier.htm située dans le même dossier |
<A
name="xyz">...</A> |
Définition
d'une ancre |
<A
href="xyz">...</A> |
Lien
vers une ancre |
<A
href="fichier#xyz">...</A> |
Images
<IMG
src="xyz.gif">
<IMG src="xyz.pjg> |
Insertion
d'une image au format Gif ou Jpg
(voir liens pour l'adressage) |
<IMG
... width=x height=y> |
Mise à
l'échelle de l'image en pixels |
<
IMG ... border=x> |
Définition
de la bordure d'une image avec lien |
<IMG
... alt="votre texte"> |
Texte alternatif
lorsque l'image n'est pas affichée |
<IMG ...
align=bottom>
|
Aligne
l'image en bas |
<IMG
... align=middle> |
Aligne
l'image au milieu |
<IMG
... align=top> |
Aligne
l'image en haut |
<IMG
... align=left> |
Aligne
l'image à gaughe |
<IMG
... align=right> |
Aligne
l'image à droite |
<IMG
... hspace=x> |
Espacement
horizontal entre l'image et le texte |
<IMG
... vspace=y> |
Espacement vertical
entre l'image et le texte
|
Tableau
<TABLE>...</TABLE> |
Définition
d'un tableau |
<TABLE
width="x%"> |
Largeur
du tableau en % |
<
TABLE width=x> |
Largeur
du tableau en pixels |
<TABLE
border=x> |
Largeur
de la bordure |
<TABLE
cellpadding=x> |
Espace
entre la bordure et le texte |
<TABLE
cellspacing=x> |
Epaisseur
du trait entre les cellules |
<TR>...</TR> |
Ligne du
tableau |
<TD>...</TD> |
Cellule
du tableau |
<TD
bgcolor="#XXXXXX"> |
Couleur
d'une cellule de tableau |
<TD
width="x%"> |
Largeur
de colonne en % |
<TD
width=x> |
Largeur
de colonne en pixels |
<TD align=center>
|
Texte dans
la cellule centré |
<TD
align=left> |
Texte dans
la cellule aligné à gauche |
<TD
align=right> |
Texte dans
la cellule aligné à droite |
<TD valign=bottom>
|
Alignement
vers le bas du contenu d'une cellule |
<TD
valign=middle> |
Centrage
vertical du contenu d'une cellule |
<TD
valign=top> |
Alignement
vers le haut du contenu d'une cellule |
<TD
colspan=x> |
Nombre
de cellules à fusionner horizontalement |
<TD
rowspan=x> |
Nombre
de cellules à fusionner verticalement |
Frames
<FRAMESET>...</FRAMESET> |
Définit
une structure de frames(remplace alors le tag BODY) |
<FRAMESET
rows="x%,y%,..."> |
Division
horizontale de la fenêtre en % |
<FRAMESET
cols="x%,y%,..."> |
Division
verticale de la fenêtre en % |
<FRAME
src="fichier.htm"> |
Fichier
affiché dans une fenêtre de frames |
<NOFRAMES>...</NOFRAMES> |
Contenu pour les browsers
non prévus pour les frames
|
| |
|