Nouvelle page 1

: Introduction : Assembleur : Algorithm : XLOGO : Pascal : Visual Basic : C & C++ : HTML : JAVA : PHP : Flash

Cours de html.

Le HTML (Hypertext Markup Language) est le langage utilisé pour construire des documents hypertextes pouvant être visualisés sur le Web. Un document HTML peut incorporer du texte, des images, de l'animation et du son et d'autre types d'informations.

Pour continu avec nous cette formation vous avez besoin:

· D'un éditeur de texte tout simple comme par exemple le Bloc-notes ou Notepad de Windows ou tout autre équivalent dans votre système d'exploitation.

· D'un browser ou navigateur pour afficher vos pages web.

1. Introduction :

Le langage Html étant un ensemble de balises.

Définitions de balise HTML sur le Web :

Chaîne de caractères en langage HTML pour identifier le type, le format et l'apparence d'un élément de page. ...
www.iav.ac.ma/veto/hidaoa/bouchriti/pollution/navigation/glossaire%202.htm
partie de code de programmation destinée à la création de pages internet. Certaines sont utilisées par les moteurs de recherche.
www.crea-passion.pf/page29.html
Commande du langage HTML constituée d'une directive encadrée par les signes inférieur (<) et supérieur (>). Ces commandes se trouvent en général par paires et définissent des zones qui s'afficheront d'une certaine manière dans le navigateur. ...
referencementmontreal.com/index.php/glossaire.

Liste complète des balises HTML avec description, attributs, syntaxe, balises HTML déconseillées, balises META, ...2. Corps d'un fichier HTML

1 - Balises de base
BALISES		ATTRIBUTS	FONCTIONS
<HTML>…</HTML>			Début et Fin d'un fichier HTML HTML = HyperText Markup Language.
<HEAD>…</HEAD>			Encadre l'en-tête d'un fichier HTML Contient le titre, les balise META et les JavaScripts
<TITLE>…</TITLE>			Contient le titre d'un fichier HTML Ce texte, sans attributs, est affiché dans la barre bleue des Navigateurs
<BODY>…</BODY>			Encadre le corps d'un fichier HTML C'est ici que l'on retrouve les textes, les images, les tableaux, les liens, etc..
<BODY ATTRIBUTS…>…</BODY>			Les différents attributs ou options de la balise <BODY>
	BGCOLOR = "Nom_de_la_couleur" BGCOLOR = "#RRVVBB" BGCOLOR = "rgb(rr,vv,bb)"		Couleur d'arrière plan - la couleur de fond - du fichier HTML #RRVVBB = Valeur hexadécimale de la couleur rgb(rr,vv,bb) = Valeur décimale des couleurs Rouge, Vert et Bleu
	TEXT = "Nom_de_la_couleur" TEXT = "#RRVVBB" TEXT = "rgb(rr,vv,bb)"		Couleur du texte par défaut (Peut être changé par FONT COLOR) #RRVVBB = Valeur hexadécimale de la couleur rgb(rr,vv,bb) = Valeur décimale des couleurs Rouge, Vert et Bleu
	LINK = "Nom_de_la_couleur" LINK = "#RRVVBB" LINK = "rgb(rr,vv,bb)"		Couleur des liens d'un fichier HTML #RRVVBB = Valeur hexadécimale de la couleur rgb(rr,vv,bb) = Valeur décimale des couleurs Rouge, Vert et Bleu
	VLINK = "Nom_de_la_couleur" VLINK = "#RRVVBB" VLINK = "rgb(rr,vv,bb)"		Couleur des liens visités d'un fichier HTML #RRVVBB = Valeur hexadécimale de la couleur rgb(rr,vv,bb) = Valeur décimale des couleurs Rouge, Vert et Bleu
	ALINK = "Nom_de_la_couleur" ALINK = "#RRVVBB" ALINK = "rgb(rr,vv,bb)"		Couleur d'un lien activé d'un fichier HTML #RRVVBB = Valeur hexadécimale de la couleur rgb(rr,vv,bb) = Valeur décimale des couleurs Rouge, Vert et Bleu
	BACKGROUND = "nom_de_fichier"		Image d'arrière-plan ou de fond d'un fichier HTML. Doit être un fichier avec extension GIF, JPG ou PNG
	BGPROPERTIES = "?"		Quand elle est définie à FIXED, l'image de fond ne défile pas. Ne fonctionne qu'avec Internet Explorer.
	MARGINWIDTH = "n"		Définit la largeur des marges horizontales en pixels pour Netscap.
	MARGINHEIGHT = "n"		Définit la largeur des marges verticales en pixels pour Netscap.
	TOPMARGIN = "n"		Définit la grandeur de la marge du haut en pixels pour Internet Explorer.
	BOTTOMMARGIN = "n"		Définit la grandeur de la marge du bas en pixels pour Internet Explorer.
	LEFTMARGIN = "n"		Définit la grandeur de la marge de gauche en pixels pour Internet Explorer.
	RIGHTMARGIN = "n"		Définit la grandeur de la marge de droite en pixels pour Internet Explorer.
	N.B:Vous devez définir RIGHTMARGIN si vous utilisez LEFTMARGIN sinon RIGHTMARGIN=LEFTMARGIN
<!-- Message ou Notice Ici -->			Permet de placer des commentaires ou des remarques entre <!-- et -->

3.Structure d'une page.

<HTML> <HTML/> : Commandes de début et de fin de document

<HEAD> </HEAD> : Informations non affichées concernant le document (Date et auteur par exemple)

<TITLE> </TITLE> : Titre du document. Cette information apparaît dans la barre de titre du client WWW.

<BODY> </BODY> : Corps du document. Toutes les informations affichées par le client WWW y sont contenues.

Exemple d'une structure de document HTML :

<HTML>

<TITLE> Titre de la page </TITLE>

<BODY> Contenu de la page</BODY>

<HTML/>

4. Le texte.

Tout document Html contiendra en majorité du texte. Voyons comment l'agrémenter par quelques balises élémentaires.

Gras	[Bold]	<B>...</B> <STRONG>...</STRONG>	Début et fin de zone en gras
Italique	[Italic]	<I>...</I> <EM>...</EM>	Début et fin de zone en italique
Taille de caractère	[Font size]	<FONT SIZE=?>...</FONT>	Début et fin de zone avec cette taille
Couleur de caractère	[Font color]	<FONT COLOR="#$$$$$$"></FONT>	Début et fin de zone en couleur
A la ligne	[Line break]	<BR>	Aller à la ligne
Commentaires	[Comments]	<!-- *** -->	Ne pas afficher
Centrage	[Center]	<CENTER></CENTER>	Centrer

.........................................

En construction En construction En construction En construction En construction

Cliquer ici pour télécharger un cours complet.

En construction En construction En construction En construction En construction