Beruflich Dokumente
Kultur Dokumente
HTML (HyperText Markup Language). C'est un langage qui permet de dfinir l'habillage d'un document. Cest dire : la faon dont il doit s'afficher l'cran d'un navigateur. Le HTML nest pas un langage de programmation.
Fichier HTML :
Une page HTML est un fichier texte enrichi de codes et de commandes appeles balises. Le fichier source porte gnralement lextension : .htm ou .html On peut crire du code HTML laide de nimporte quel diteur de texte.
Code HTML :
Il existe des diteurs WYSIWYG : What You See Is What You Get (Ce que vous voyer est ce que vous obtenez) Le code source doit tre sauvegard sur le serveur Web. Il est envoy vers les clients laide du protocole HTTP
Source HTML :
Le code HTML est interprt par le navigateur et laffiche sur cran sous forme de : textes mis en forme, images, animations, multimdias, Le source est visible aux utilisateurs mais ils ne pourront pas le modifier (facilement) sur le serveur.
Notion de Balise :
C'est un mot cl encadr par < et > Pour la plupart des balises, il existe une balise de dbut et une balise de fermeture prcde par /
<HTML> ..... </HTML>
Attribut de balise:
Pour la majorit des balises, il existe un ou plusieurs attributs. Les attributs sont des mots rservs. A chaque attribut, on affecte une valeur comme suit:
<Nom_Balise att_1="val_1" att_2="val_2" att_n="val_n">
Remarques :
- Certains attributs (cas rares) nont pas de valeurs.
<HR noshade>
- Chaque balise a ses propres attributs. - Certains attributs sont communs entre plusieurs balises : Color, Align, - Mais aussi, certaines balises nont pas dattributs.
Il faut faire trs attention lcriture dans le cas des fichiers et surtout la casse (majuscules et minuscules).
Remarques :
- On peut crire les balises en majuscules ou en minuscules. (Linterprteur du HTML ne tient pas compte de la casse) - Le formatage Manuel: saut de lignes, espaces ..., sont toujours ignors. - Les images, animations, sons, vidos, sont insrs partir de fichiers externes et ne font pas partie du source HTML.
L'en-tte :
La majorit des lments napparaissent pas. Certains sont lis la page Certains sont des informations destines aux moteurs de recherches Certains sont utiliss pour raliser des traitements sur la machine cliente (petites animations ou dfilements, vrifications, )
lments de l'en-tte :
Le titre : Il apparatra sur la barre de titre du navigateur. On linsre entre les balises <title> et
</title>
Un son de fond : <bgsound src="fichier son" loop="nb_repetitions"> loop -1 infini On peut insrer des scripts cot client (en JavaScript par exemple).
Exemples de meta :
Lattribut lang (pas pour toutes les meta) aura comme valeur le code de la langue : fr, en, ar-dz,
<META name="keywords" content="html; programmation web; php" lang="fr"> <meta name="description" content="site destin aux tudiants" lang="fr"> <meta http-equiv="Content-Type" Content="text/html; charset="windows1252">
Le corps :
Dfini par la balise <body> Tout ce qui sera mis (ou presque) dans cette partie saffichera sur la page Contient tous les lments afficher : textes, images,
Le Commentaire :
Il y a aussi des balises de commentaires Peut tre insr n'importe o dans la page mais ne sera pas affich par le navigateur.
<!-- ... le commentaire ... -->
On peut dfinir un, deux ou tous les attributs pour cette balise.
polices de caractres
Color : Obit la syntaxe de la couleur Size : dfinit la taille du caractre et peut prendre
Adresse : <address> </address> Imprim (machine crire) : <tt> </tt> Texte prformat : <pre> </pre> Agrandir ou rduire : <big> </big> ou
<small> </small>
Les paragraphes :
Un paragraphe est dfini par <P> La balise fermante </p> est facultative. Lalignement : Lattribut Align qui peut avoir les valeurs : "center", "left" ou "right".
Les sparateurs :
Caractre de retour la ligne <BR> Na pas de balise fermante Afficher une ligne horizontale <HR> Na pas de balise fermante Elle dfinit un nouveau paragraphe indpendant de ce qui la prcde et de ce qui la suit.
Soit en absolu (valeur entire 0) qui correspondra la largeur en pixel. Soit en relatif (valeur entire 0 suivi de %) qui correspondra au pourcentage de lespace disponible.
Les liens :
Il y a deux types de liens (appels aussi rfrences) quon peut dfinir sur une texte ou image : Internes: Ils dsignent un point prcis, repr par une balise, dans le corps mme du document. Externes: Spcifient simplement une autre page HTML, un document multimdia ou l'accs un service comme le e-mail ou le FTP.
La valeur de HREF obit la syntaxe de fichier. Comme il peut aller vers un autre service si la valeur de HREF est : "ftp://url" : va vers un le serveur ftp spcifi par lurl. "mailto:adr_email" : ouvre lapplication mail pour lenvoi dun email ladresse dfinit par adr_email.
Les tableaux :
Un tableau HTML est organis en lignes (suite de plusieurs lignes). Chaque ligne contient un ensemble de cellules Il faut sassurer dinsrer le mme nombre de cellules dans chaque ligne.
Anne 2000 2002 2004 2006 Effectifs 18000 20000 21000 21500 volution 12% 10% 05% 2.5%
Frames Cadres :
Les frames (cadres) permettent de dfinir des zones d'affichage dans la page Web.
EN-TETE M E N U Un Contenu
Chaque frame correspond une page HTML + la page des cadres (exple. ci-dessus ncessite 4 pages)
Exemple de Cadres:
On veut obtenir des cadres comme le montre le schma ci-dessous :
EN-TETE M E N U Un Contenu
si le cadre est dans une page de cadres qui est cadre. Pour ouvrir le lien dans une nouvelle fentre Valeur _blank Target.
Les formulaires :
Un formulaire est un ensemble dlments permettant la saisie d'informations. Le HTML s'occupe du cot description seulement, pas du traitement des informations saisies. Pour dfinir un formulaire on utilise les balises : <form> et </form>. Permet de dlimiter les lments du mme formulaire.
plusieurs options la fois. Ont les mmes attributs : Value: La valeur. Checked: pour slectionner ou cocher par dfaut.
apparaissant sur le bouton). Lattribut Name nest pas obligatoire pour Submit et Reset.
caractres.
Accept : Dfinit un filtre. Les types de fichiers
autoriss.
Entre les 2, on peut mettre le texte par dfaut. En plus de name, <textarea> a dautres attributs facultatifs : Rows : Le nombre de lignes quoccupera la zone de saisie. Cols : Le nombre de caractres quoccupera la zone en largeur.
Marque le dbut et la fin de la liste. En plus de name, <Select> a dautres attributs facultatifs : Size : Le nbre de lignes quoccupera la zone. Multiple : Attribut sans valeur, pour autoriser le choix multiple. (En utilisant la touche clavier CTRL)
Lattribut Value permet dassocier une valeur au choix slectionn. Cest cette valeur qui sera envoye au serveur. Lattribut Selected (sans valeur) permet de slectionner llment par dfaut. Le texte qui saffichera sera mis aprs <OPTION>.
Formulaires (Complment) :
Lattribut TabIndex peut tre rajout toute balise dun lment du formulaire. Sa valeur est un entier. Dfinit lordre de slection de cet lment en utilisant la touche du TABULATION du clavier.
<fieldset> et </fieldset> permet