Rédiger un article en HTML

samedi 18 novembre 2006
par  Dominique BONNIN
popularité : 36%

Les liens :

Intitulé du lien

La balise TARGET
nom du cadre : Ouverture de la page cible dans le cadre portant le nom cité ( valeur de l’attribut name )

_blank : Ouverture de la page cible dans une nouvelle fenêtre

_parent : Ouverture de la page cible dans le cadre parent ( de niveau immédiatement supérieur)

_self : (Valeur par défaut) Ouverture de la page cible dans le cadre d’appel

_top : Ouverture de la page cible dans la fenêtre hôte (par-dessus le FRAMESET)

_media : (disponible seulement avec IE 6 ou ultérieur) Ouverture de la page cible dans la zone HTLM de la "Media Bar"

_search : (disponible seulement avec IE 6 ou ultérieur) Ouverture de la page cible dans le volet d’exploration (rechercher) du navigateur

couleur du texte :
Par exemple, je souhaite écrire un texte de couleur dont le code est ff6060, je tape :

montexte

police du texte :
Je souhaite maintenant que mon texte soit écrit avec la police "comic sans MS", je tape alors :

mon texte en comic sans ms

Attention toutefois : il se peut que certains internautes ne puissent pas voir la police choisie, mais dans ce cas c’est la police par défaut qui apparaîtra

NOTE : si par exemple vous souhaitez modifier à la fois la couleur et la police (et d’autres paramètres, d’ailleurs) d’un texte, vous n’avez qu’à écrire une seule fois la balise :


par exemple si vous voulez que le texte soit à la fois de couleur ff6060 et utiliser la police ’comic sans MS’, vous taperez le code :
mon texte en couleur et en comic sans ms

titres :
Les balises

,

...

vous permettent d’écrire des titres de différentes tailles (h1 étant la plus grande). Par exemple :

Voici mon titre h1

voilà mon titre h2

voilà mon titre h3

Le passage à la ligne est inutile avant, comme après un titre.

Tableaux :
Pour afficher un tableau, par exemple à 4 colonnes et 3 lignes, voilà la marche à suivre :

Tapez

case 1 case 2 case 3 case 4
case 5 case 6 case 7 case 8
case 9 case 10 case 11 case 12

Comme vous le remarquez j’ai mis dans la balise table border="0", ce qui nous donne un tableau sans bord. Si vous souhaitez un tableau avec bords (plus lisible dans certaines circonstances), remplacez "0" par "1" ou "2" ou plus selon la taille de la bordure souhaitée.

Vous pouvez aussi utiliser cellspacing et/ou cellpadding pour, respectivement, augmenter la distance entre les cases et augmenter la distance entre le contenu d’une case et les bords.
En reprenant mon exemple, mais en modifiant ainsi le début :

case 1 case 2 case 3 case 4
case 5 case 6 case 7 case 8
case 9 case 10 case 11 case 12

Autres balises :
Voici quelques petites balises éventuellement utiles ou amusantes.

Pour centrer un texte

texte centré

La balise

affiche une ligne horizontale, comme ceci :

La balise

texte défilant

affiche un texte défilant de droite à gauche.

si vous souhaitez que ce texte défile sur un fond coloré (par exemple couleur ffa060 ) il faut écrire :

texte défilant sur fond coloré

Pour augmenter ou diminuer la taille du texte, tapez

texte de taille +2
cela affichera :

texte de taille +2

vous pouvez évidemment remplacer +2 par +1 ou -1 ou -2 etc

Pour rayer un texte :
texte rayé

Remarques :
toutes ces balises peuvent se combiner, attention toutefois à bien penser à fermer les balises dans le même ordre que vous les avez ouvertes. Les résultats peuvent varier d’un navigateur à l’autre, aussi même si vous avez fermé les balises dans le désordre et que votre navigateur affiche ce que vous souhaitez, sachez qu’il n’en ira pas forcément de même pour tous vos visiteurs (idem dans d’autre situations : l’idéal est de regarder le résultat obtenu avec plusieurs navigateurs).