![](images/invisible.gif) ![](images/invisible.gif) ![](images/invisible.gif) | Tutoriel du HTML (partie 2)Pour créer des pages Web en HTML... Les feuilles de style : elle remplacent les balises de style précédemment détaillées(Voir 'Tutoriel du HTML'). On place simplement la linge :
<LINK REL=stylesheet TYPE="text/css" HREF="style.css"> et vos paramètres de style sont placés dans un ficher .css. Nous verrons les fichiers .css plus en détail plus tard. Pour débuter, utilisez de péférence les balises de style ou tout simplement rien tu tout.
Les Sond et musiques de fond : Pour mettre une musique de fond, il suffit de placer cette ligne :
<bgsound src="chemindevotremusique.mid" loop="0">
Loop sinifie boucle, c'est-à-dire que si vous voulez que la musique soit lue en boucle, donnez lui la valeur "1" sinon "0".
La partie BODY : Elle contient l'affichage même de votre page Web. Elle est placée entre les balises <BODY></BODY>
On peut ajouter des paramètres à la balise d'ouverture :
Ex :
pour une image de fond : <BODY background="chemindevotreimage.jpg">
pour une couleur de fond : <BODY bgcolor="#000000">
pour modifier la couleur du texte de toute la page : <BODY text="#000000">
pour modifier la couleur des liens de toute la page : <BODY link="#000000">
pour modifier la couleur des liens activés de toute la page : <BODY alink="#000000">
pour modifier la couleur de liens visités de toute la page : <BODY vlink="#000000">
Affichage d'un texte : placez votre texe entre les balises <P></P>.
Votre 1er programme HTML :
<HTML>
<HEAD>
<TITLE>Mon 1er Programme</TITLE>
</HEAD>
<BODY>
<P>Voici votre 1re programme en HTML</P>
</BODY>
</HTML>
Ces balises peuvent être paramétrées :
Ex : pour aligner le texte à droite, au centre ou à gauche, on peut écrire :
<P Align=right>Votre Texte</P>
<P Align=center>Votre Texte</P> ; éventuellement remplacé par
<CENTER>Votre Texte</CENTER>
<P Align=left>Votre Texte</P>
Si vous écrivez :
<P>Votre Texte</P>
<P>Suite de Votre Texte</P>
votre texte sera écrit sur 2 lignes différentes avec un interligne entre chacune d'elles. Si vous ne voulez pas de cet interligne, pour faire un paragrphe par exemple, il faut utiliser la balise <BR> :
<P>Votre Texte<BR>Suite de votre texte</P>
Pour revenir à la ligne, si vous écrivez par exemple à droite d'une image, utilisez : <br clear>
Les Balises suiventes sont de la forme :
<P><balise>Texte</balise></P>
Texte en gras :
Texte en italique :
Texte souligné :
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>
Texte en retrait (sans <P></P>) : <blockquote></blockquote>
Titre 1 (sans <P></P>) : <H1></H1>
Titre 2 (sans <P></P>) : <H2></H2>
Titre 3 (sans <P></P>) : <H3></H3>
Titre 4 (sans <P></P>) : <H4></H4>
Titre 5 (sans <P></P>) : <H5></H5>
Titre 6 (sans <P></P>) : <H6></H6>
Texte préformaté (sans <P></P>) : <pre></pre>
Adresse (sans <P></P>) : <ADDRESS></ADDRESS>
Exemple de texte préformaté :
<p>
blob blob
blob
blob blob
</p>
donnera :
blob blob blob blob blob
<pre>
blob blob
blob
blob blob
</pre>
donnera :
blob blob
blob
blob blob | | |
|
![](images/invisible.gif) |
Connectés : 0 membres et 173 visiteurs |
![](images/invisible.gif) |
![](images/invisible.gif)
|