Liste des balises html. Ces balises sont la structure même du site : il s'agit du langage permettant de construire une page web. Ce langage peut être tappé directement dans un fichier "bloc note" par exemple. Pour les novice, un logiciel comme Kompozer vous proposera de travailler sur une interface intuitive et se chargera lui même de ce langage. Le code sera tout de même visible sous l'onglet "source".

 

 

 

 

Balises de premier niveau
Les balises de premier niveau sont les principales balises qui structurent une page HTML.
Elles sont uniques et indispensables pour réaliser le « code minimal » d'une page web.
Balise de début Balise de fin Description Commentaire
<html> </html> Balise principale Elle entoure toutes les autres balises en s'ouvrant dès le début et en se fermant tout à la fin
<head> </head> En-tête de la page Contiandra les paramètre généraux non affichés de la page comme le titre, la déscription, les mots clefs, des styles…
<body> </body> Corps de la page Contiendra tout ce qui sera à afficher sur votre page
<body bgcolor="#xxxxxx"> </body> Couleur d'arrière-plan #xxxxxx est une couleur html (valeur hexadécimale)
Attention : ne pas créer de nouvelle balise body, mais simplement modifier celle qui existe déjà !
<body background="url"> </body> Texture ou image de fond idem
<body text="#xxxxxx"> </body> Couleur par défaut du texte de la page idem
<body link="#xxxxxx"> </body> Couleur par défaut des liens de la page idem
<body vlink="#xxxxxx"> </body> Couleur par défaut des liens visités idem
<body alink="#xxxxxx"> </body> Couleur par défaut des liens actifs idem
Balises d'en-tête
Ces balises sont toutes situées dans l'en-tête de la page web, c'est-à-dire entre <head> et </head>.
Balise de début Balise de fin Description Commentaire
<title> </title> Titre de la page Titre apparaissant dans la barre supérieure du navigateur
<meta name="Keywords" /> Mots clefs de la page Utilisé essentiellement par les moteurs de recherche
<meta name="Description" /> Déscription de la page Utilisé essentiellement par les moteurs de recherche
<script> </script> Code JavaScript Langage permettant d'ajouter du code algorithmique
<style> </style> Code CSS Langage autre que le html utilisé pour mettre en page plusieurs page en même temps
Balises de structuration du texte et des caractères
Balise de début Balise de fin Description Commentaire
<!-- --> Commentaire du webmaster Ne sera pas affiché par le navigateur, il sert uniquement aux webmasters pour se repérer dans le code
<br /> Retour à la ligne
<b> </b> Texte en gras
<sup> </sup> Exposant
<sub> </sub> Indice
<strong> </strong> Mise en valeur forte
<em> </em> Mise en valeur normale
<font color="#xxxxxx"> </font> Texte en couleur #xxxxxx est une couleur html (valeur hexadécimale)
<i> </i> Texte en italique
<font size=x> </font> Taille des caractères où x est une valeur de 1 à 7
<div align="center"> </div> Centre l'élément encadré par ces balises
<div align="left"> </div> Aligne l'élément à gauche
<div align="right"> </div> Aligne l'élément à droite
<p> </p> Paragraphe
<p align="center"> </p> Paragraphe centré
<p align="left"> </p> Paragraphe aligné à gauche
<p align="right"> </p> Paragraphe aligné à droite
<big> </big> Agrandissement de la taille des caractères
<small> </small> Réduction de la taille des caractères
<strong> </strong> Mise en gras du texte
<u> </u> Texte souligné
<hr /> Ligne de séparation horizontale
<nobr> </nobr> Empêche les ruptures automatiques de ligne des navigateurs
<time> <time> Date ou heure
<center> </center> Centre tout élément compris entre les balises
Hyperliens
<a href="url"> </a> Lien hypertexte vers l'adresse url Le lien se fera sur le texte écrit entre les deux balises <a> at </a>
Images
<img src="url" /> Afficher une image URL est l'adresse de l'image qui est souvent l'adresse relative de l'image c'est à dire le chemin d'accès de celle-ci à partir de la page html ouverte. Par exemple, l'adresse de l'image dessin.jpg se trouvant dans le sous dossier "illustrations" sera "illustrations/dessin.jpg"
<img src="url" align="***" /> Alignement Remplacer *** par top (haut de ligne) ou bottom (bas de ligne) ou middle (milieu vertical) ou left (gauche) ou right
<img src="url" title="texte" /> Ajoute une info-bulle lors du passage de la souris sur l'image
<img src="url" alt="texte" /> Ajouter un texte alternatif pendant le chargement de l'image ou si l'image ne s'affiche pas Utile si l'image ne peut pas s'affichée, c'est-à-dire rarement si tout se passe bien
<img src="url" width="lageur" height="hauteur" /> Dimensions imposées à l'image : valeur en  en nombre de pixels (sans mettre l'unité) ou pourcentage (ajouter le symbole % sans espace) Par défaut, l'image aura ses dimensions d'origine (recommandé).
Attention : en imposant des dimensions, vous risquez une perte de précision et une déformation si les dimension ne sont pas proportionnelle à celles de l'image d'origine.
Balises de tableau
Balise de début Balise de fin Description Commentaire
<table> </table> Tableau
<caption> </caption> Titre du tableau
<tr> </tr> Ligne de tableau
<td> </td> Cellule

Ouvrir la version imprimable de cette page au format pdf

©2014 Mon1ersite.net