Cours HTML Tanawiati.Net

Ce site a pour but de vous apprendre les notions de base en informatique, l'utilisation des divers systèmes d'exploitation, des principaux logiciels de bureautique, de quelque logiciels d'édition graphique, la programmation ainsi que l'utilisation de l'Internet et la communication sur le web. Le site http://tanawiati.net vous offre la possibilité de télécharger quelque logiciels nécessaires pour votre ordinateur. Vous trouverez aussi un forum convivial dans lequel vous pourrez poser ou répondre à des questions.

Menu principal

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>

<HEAD> En-tète de la page </HEAD>

<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

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

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

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

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

Mon site vaut4 582,9 €

Ordinateur portable

Cours

l'histoire de l'informatique

Système Informatique

le micro-ordinateur

Clavier & Souris

Qu’est-ce qu’un driver ?

Système d'exploitation

WORD 2007 et 2010

EXCEL 2007 et 2010

MS PowerPoint 2003

Réseau informatique

Internet &recherches

Messagerie électronique

NEW Adobe Photoshop Lightroom 3!

Fiches Techniques (Nouveau)

Télécharger des fiches technique pour tous les niveaux (en système informatique, Windows, Excel, Word, PowerPoint, Réseau informatique, ...)

Travaux pratiques & Exercices

Système informatique

Clavier & Souris

MS PowerPoint 2003

Évaluations (Nouveau)

Programmation Logo

Correction de l'examen d'informatique 2010-2011

Programmation

Téléchargements

Mozilla Firefox

Internet Explorer

Autres logiciels

Mes sites

TV.Tanawiati.com (Chaine TV)

Jeux flash gratuits

Hébergement d'images & fichiers

Services informatiques gratuits

Education au maroc

Cours d'Anglais (documents & vidéos)

Cours de français(documents & vidéos)

Cours d'access gratuits

Dictionnaire & wikipedia en ligne

Créer votre BLOG gratuitement

http://ininfo2.blogspot.com

Cours, TP & exercices en informatique.

Téléchargements gratuits

Copyright © 2006-2013 www.tanawiati.com . All Rights Reserved. By Youssef Nejjari Email: ibnkhaldounsite@yahoo.fr

Annuaire Visual Pagerank