Un document html est un fichier texte, nous pouvons donc utiliser un
éditeur de texte comme le document texte pour
créer
notre fichier.
La structure de départ d'un document html est toujours la
suivante :
Le fichier est formé de plusieurs balises (ou tags en
anglais).
Les balises servent à mettre en forme le texte. Toutes les
balises html sont formées de la même
manière. Il y
a la balise pour démarrer votre commande <votre
commande>
et la balise pour terminer </votre commande>.
Nous pouvons voir ci-dessus la balise "html" qui indique que ce
document est de l'html.
La balise "head" renferme toutes les informations concernant le contenu
du document qui se trouve dans le partie "body".
La balise "body" définit la partie principale du document
html.
C'est dans cette partie que vous allez écrire le texte de
votre
document.
Quelques
types de balises :
- <b>votre texte</b> sert à
écrire votre texte en gras.
- La balise "div" sert à disposer votre texte soit
à gauche, centré ou à droite.
Par exemple <div align=center>.
- La balise "font" sert à changer la couleur ou la taille de
votre texte.
Par exemple <font color=blue> ou <font
size=+3>.
- La balise h1, h2, ... , h6 sert à modifier la taille du
texte. h1 étant le plus gros et h6 le plus
petit.
- <br> fait un retour à la ligne.
- <hr> fait un trait horizontal sur la largeur de votre
page.
- <I>votre texte</I> met le texte en
italique.
- <U>votre texte</U> souligne votre texte. Attention : il est
recommandé de ne pas utilisé le
soulignement pour ne pas confondre avec les liens
qui sont automatiquement soulignés.
- La balise "frameset" sert à diviser la page en plusieurs
parties. Chaque partie de la page
devient une page à elle même. Attention : il est
vivement déconseillé d'utiliser la balise
"frameset" car elle va vous poser beaucoup de
problèmes dans le référencement de
votre
site. Nous verrons
tout cela plus en détail plus tard.
Ajout d'images en code html :
Pour améliorer votre site, il est indispensable de rajouter
quelques images. Pour afficher une image dans le texte, il suffit
d'écrire :
<img src="nom de votre image">
Il est important de rajouter deux paramètres pour
l'affichage de l'image: la hauteur et la largeur.
<img src="nom de votre image" height="hauteur" width="largeur"
>
La dernière chose qui est indispensable de
connaître est
de savoir faire des liens. Un lien est une partie de texte ou une
image qui lorsque l'on clique dessus, nous envoie vers une
autre
page.
Pour faire un lien, il faut utiliser la balise "a" :
<a href="nouvelle-page.html">vers la nouvelle
page</a>
Pour faire un lien vers un autre site, c'est le même
système.
N'oubliez pas d'écrire l'adresse
complète.
<a
href="http://creer-sitegratuit.isuisse.com">créer
gratuitement un site internet</a>.
Le but de toutes ces explications sur le code html n'est pas que vous
écriviez tout votre site en code en partant de votre
document
texte comme nous avons vu précédemment. Cela va
vous
servir lorsque vous utiliserez un programme pour faire votre site
internet comme NVU, WeBuilder 2006, Dreamweaver, etc. Vous serez
obligé de temps en temps d'aller voir dans le code html pour
en modifier quelques parties.
Maintenant que vous avez vu la base du code html, vous pourrez vous
retrouver plus facilement dans le code ce qui vous fera gagner
beaucoup de temps. Je vais maintenant, vous expliquer comment utiliser
le programme NVU pour créer votre site internet.
|