|
[ Cours HTML - Les notions de bases du
HTML ] 
Comment le html fonctionne
? :
Le HTML est un langage relativement
simple ds lors que l'on en comprend le fonctionnement, en effet, en HTML, on
code une page mais on code aussi les instructions qui ne se voient pas en mode
texte ( police, gras, italique, soulign, couleur...).
Chaque instruction est entoure d'une
balise, exemple :
<title> Titre de la page
</title>
("Titre de la page" = Ce qui sera affich
dans le navigateur et sur les moteurs de recherche)
Remarquez que <title> est
la balise
d'ouverture et </title> la balise de
fermeture.
Les balises simples
:
Ce sont ici les balises les plus
importantes en HTML, il faut imprativement les connatres :
Les
informations tant entre <head> et </head> :
Ce sont les informations
qui permettent d'identifier la page (metas tags(balises permettant le
rfrencement) ...)
Les informations tant entre
<body> et </body> :
Entre ces deux balises,
vous devez placer toutes les informations visibles dans la fentre du navigateur
du visiteur : texte, images, son ...
Voici un exemple de balises que
vous pouvez utiliser dans le corps de la page (corps = entre <body> et
</body>) :
|
Balise |
Signification |
Exemple
d'utilisation |
|
<a> |
lien hypertexte |
<a
href="http://"></a> |
|
<b> |
texte en gras |
<b>texte</b> |
|
<i> |
texte en
italique |
<i>texte</i> |
|
<p> |
dbut d'un
paragraphe |
<p>texte</p> |
|
<br> |
saut de ligne |
texte<br>texte |
|
<center> |
Centrage du
texte |
<p
align="center">texte</p> |
|
<center> |
Centrage du
texte 2 |
<center>texte</center> |
|
<font> |
Dfinition du
texte |
<font face = "verdana"
size ="2">texte </font > |
|
<table> |
Structure du
tableau |
<div align="center"><center><table border="1" width="100"><tr><td>texte</td> </tr></table> |
|
<tr> |
Ligne
du tableau |
|
<td> |
Cellule
du tableau |
|
Remarque :
Les informations contenus dans les balises sont
des arguments, c'est dire qu'il permettent de prciser les caractristiques
d'un objet :
width= : largeur d'un
objet
align= :
alignement d'un texte
face=
: police d'un texte
size= : taille d'un texte
border= : taille d'une bordure
en pixel
Cration de votre premire
page :
Pour commencer, il vous faut un diteur
HTML, pour cela vous pouvez par exemple vous servir du bloc-notes de windows, le seul problme,
c'est que l'on est oblig de tout crire car il n'y a rien d'automatis comme sur
d'autres logiciels, mais comme cela, vous progresserez beaucoup plus vite !
Ouvrez
donc le bloc notes et tapez y ceci
:
|
<head>
<title>Mon titre !!</title>
</head>
<body>
<h1> bienvenue sur ma premire page web</h1>
<br><br>
<h2> Vous trouverez ci-dessous mes lien prfrs :<br><br></h2>
<p align="center"><a
href="http://www.TonWebmaster.com">TonWebmaster.com</a> :
C'est un trs bon site pour les webmasters !<br><a
href="http://www.google.fr">Google.fr</a>: C'est un moteur de
recherche !</p>
|
Ensuite enregistrez votre page sous le nom
"index.html".
Voil, votre premire page web vient
d'tre cre !, il ne vous reste plus qu'a visualiser votre page
dans Internet Explorer (ou autre ...).
|