Le langage HTML (HyperText Mark-Up Language ) est le plus courant des langages d'internet. Ce langage formé de codes est lu par un navigateur.
ex:
Internet explorer
Firefox
Safari
Netscape Navigator
1) Les balises html Toutes les balises vont par paires et ont la même forme :
<nom> ... </nom>
Les balises agissent sur l'élément encadré :
<u>Texte souligné</u> donne Texte souligné
Il y a parfois des exceptions comme pour la balise <br> qui signifie "retour à la ligne" et qui est seule.
Il est intéressant d'imbriquer des balises :
Pour avoir Texte en gras et souligné ici, mais aussi gras italique
On utilise le code
<b>Texte en gras et <u>souligné ici,</u> mais aussi<i> gras italique</i></b>
On ne peut pas imbriquer des balises comme cela :
<b>Texte en gras et <i>italique</b></i>
Les attributs
Les attribut sont des propriétés contenue dans la balise de début :
<p>Texte aligné à droite</p> donne
Texte aligné à droite
Les commentaires
Il est possible de rajouter des commentaires dans vos codes html sans qu'ils soient apparents dans le navigateur :
<Tapez>
La structure
Une page html est un simple document texte, mais il possède une structure précise.
Voici un exemple de page :
<HTML>
<HEAD>
<TITLE>Titre de votre page </TITLE>
</HEAD>
<BODY>
<Contenu>
</BODY>
</HTML>
Liste de quelques balises:
<B> Mettre en gras
<BLINK> Clignotant (pour Netscape)
<CITE> Citation
<CODE> Code
<I> Italique
<KBD> Clavier
<S> ou <STRING> Barré
<SUP> en Exposant
<SUB> en Indice
<U> Souligné
2) Les caractères spéciaux.Dans les pages html, il est impossible de rajouter des caractères spéciaux. Bien qu'ils seront lisibles avec des navigateur actuels, dans beaucoup de pays ils seront illisibles.
3) Les liens hypertextes. Les liens hypertextes permettent de naviguer de site en site, de pages en pages ...
Voici le code html d'un lien :
<a href="adresse de lien"> texte de lien apparent </a>
Les liens externes au site :
<a href="http://creer-son-site.fr.nf/"> Créez votre site </a>
... dans une nouvelle fenêtre.
<a target="_blank" href="http://creer-son-site.fr.nf/"> Créez votre site </a>
Les liens internes au site:
<a href="../index.html"> Index du site </a>
4) Arrière-planPour définir l'arrière-plan d'une page, il faut modifier la balise <BODY> :
Couleur de l'arrière-plan :
<BODY>
Arrière-plan en images :
<BODY>
5) Les images.Il est souvent utile d'insérer des images, cependant il ne faut pas en abuser car elles alourdissent fortement le poids de vos pages et donc son temps de chargement dans le navigateur.
Les attributs d'une image sont les suivants :
SRC : c'est l'emplacement de l'image.
TITLE : c'est le texte de l'infobulle au survol de l'image.
ALIGN : c'est l'alignement de l'image, TOP (au dessus),BOTTOM (en dessous),MIDDLE (au milieu)
WIDTH : C'est la largeur de l'image.
HEIGHT : C'est la hauteur de l'image.
ALT : c'est le texte de remplacement si l'image ne s'affiche pas.
Exemple:
<IMG SCR="../images/test1.gif" ALIGN="middle" WIDTH="100" HEIGHT="50" ALT="texte de remplacement" SCR="../images/test1.gif" ALIGN="middle" WIDTH="100" HEIGHT="50" ALT="texte de remplacement">
Voila qui est fait pour le HTML
Bonne chance pour ceux qui comprendrons ...