Introduction aux feuilles de style CSS
Les feuilles de style CSS remplacent les balises de style HTML classiques (voir « Tutoriel du HTML »). Pour les utiliser, placez cette ligne dans l'en-tête de votre document :
<LINK REL=stylesheet TYPE="text/css" HREF="style.css">
Vos paramètres de style sont alors définis dans un fichier .css externe. Nous verrons les fichiers CSS plus en détail ultérieurement. Pour débuter, privilégiez les balises de style intégrées ou continuez sans feuille de style.
Comment ajouter une musique de fond en HTML
Pour ajouter une musique de fond à votre page, insérez cette ligne de code :
<bgsound src="chemindevotremusique.mid" loop="0">
Le paramètre « loop » contrôle la lecture en boucle : attribuez la valeur « 1 » pour répéter la musique, ou « 0 » pour une lecture unique.
La balise BODY et ses paramètres essentiels
La section BODY contient tout le contenu affiché de votre page Web. Elle se place entre les balises <BODY></BODY>. Voici les principaux paramètres que vous pouvez ajouter à la balise d'ouverture :
- Image de fond :
<BODY background="chemindevotreimage.jpg"> - Couleur de fond :
<BODY bgcolor="#000000"> - Couleur du texte :
<BODY text="#000000"> - Couleur des liens :
<BODY link="#000000"> - Couleur des liens activés :
<BODY alink="#000000"> - Couleur des liens visités :
<BODY vlink="#000000">
Afficher et formater du texte en HTML
Placez votre contenu textuel entre les balises <P></P> pour créer des paragraphes.
Exemple de premier programme HTML
<HTML>
<HEAD>
<TITLE>Mon 1er Programme</TITLE>
</HEAD>
<BODY>
<P>Voici votre 1er programme en HTML</P>
</BODY>
</HTML>
Comment aligner le texte
Les balises de paragraphe acceptent des paramètres d'alignement :
<P Align=right>Votre Texte</P>— alignement à droite<P Align=center>Votre Texte</P>— alignement au centre (peut aussi s'écrire<CENTER>Votre Texte</CENTER>)<P Align=left>Votre Texte</P>— alignement à gauche
Gérer les sauts de ligne en HTML
Si vous écrivez deux paragraphes séparés :
<P>Votre Texte</P>
<P>Suite de Votre Texte</P>
Votre texte s'affichera sur deux lignes avec un espacement entre elles. Pour éviter cet interligne, utilisez la balise <BR> :
<P>Votre Texte<BR>Suite de votre texte</P>
Pour revenir à la ligne à côté d'une image, utilisez : <br clear>
Les balises de formatage de texte
Ces balises s'utilisent selon le modèle <P><balise>Texte</balise></P> :
| Effet | Balise |
|---|---|
| Texte en gras | <B></B> |
| Texte en italique | <I></I> |
| Texte souligné | <U></U> |
| Texte en petit | <small></small> |
| Texte barré | <strike></strike> |
| Texte en indice | <sub></sub> |
| Texte en exposant | <sup></sup> |
| Texte télétype | <tt></tt> |
| Très important | <strong></strong> |
| Important | <em></em> |
| Citation | <cite></cite> |
| Inséré | <ins></ins> |
| Supprimé | <del></del> |
| Exemple | <samp></samp> |
| Clavier | <kbd></kbd> |
| Variable | <var></var> |
| Code | <code></code> |
Balises utilisables sans <P></P> :
- Texte en retrait :
<blockquote></blockquote> - Titres :
<H1></H1>à<H6></H6> - Texte préformaté :
<pre></pre> - Adresse :
<ADDRESS></ADDRESS>
Comprendre le texte préformaté
Sans <pre> :
blob blob
blob
blob blob
Résultat affiché : blob blob blob blob blob
Avec <pre> :
<pre>
blob blob
blob
blob blob
</pre>
Résultat affiché :
blob blob
blob
blob blob
