Formation HTML les balises simples, tutoriel & guide de travaux pratiques en pdf.

Présentation des balises usuelles

Ici le lien vers des tutoriaux sur les balises de base.
Votre premier document
• copiez ceci dans votre éditeur:
Voici mon premier document!
• sauvegardez le document avec comme extension « .htm » ou « .html », et comme type « texte seulement » ou « tout type (*.*) »;
• puis double-cliquez sur le document: votre navigateur par défaut sera alors ouvert sur la page.
Explications des nouvelles balises utilisées:
•et: informent votre navigateur qu’il s’agit d’une page HTML; la première balise doit donc être la première de votre code, et la seconde doit être la dernière.
•et: informent votre navigateur qu’il s’agit de l’en-tête de votre page; cette en-tête comprend pour l’instant le titre de votre page; la baliseest toujours placée juste après la balise.•: informent votre navigateur qu’il s’agit du titre de votre page; ce titre sera placé dans la barre tout au-dessus de votre navigateur; ces balises doivent se situer à l’intérieur de la balise « head », c’est-à-dire entre et.•et: informent votre navigateur qu’il s’agit du corps de votre document; c’est là que vous allez placer textes, images, et tout ce que contiendra votre page; la balisedoit se situer après la balise de fermeture de l’en-tête.
• On peut donc faire une première constatation : le code d’une page web est composé de 2 parties, l’en-tête de la page (HEAD) et le corps (BODY); et seul le corps de la page est affiché à l’écran: dans votre première page, il n’y a que la phrase « Voici mon premier document! » qui s’est affichée.

Balises simples

• : passage à la ligne;
• : mettre un texte en gras (bold);
• : mettre un texte en italique;
• : souligner un texte (underline);
•

: centrer un texte;
• etc…
Exemple
En tapant ça:
Mon texte
Et la suite…Vous obtenez ça:

Mon texte
Et la suite…
Les commentaires
________________________________________
Balises de mise en forme
La balise de couleur
Mon texte
Mon texte
Le premier exemple est utilisable pour quelques couleurs prédéfinies: red, green, black…
Sinon, vous pouvez utiliser le code commençant par #, basé sur le système « RGB » (Red-Green-Blue):
• les 2 premiers chiffres (en base 16, donc allant de 0 à F) fournissent le taux de rouge dans la couleur,
• les 2 suivants le taux de vert,
• et les 2 derniers le taux de bleu.