| Alain Barraud |
Mémento informatique |
|
RETOUR SOMMAIRE
Règles générales
- Un document écrit en HTML (document ou page source) est un fichier texte. Pour l'écrire, un simple éditeur de texte comme le Bloc-notes suffit.
Enregistrer ensuite ce document avec l'extension .htm ou .html. (Réserver .htm en interne, .html préférable pour les navigateurs sur le Web ,
.shtml permettant d'indiquer au serveur la présence de commandes SSI et de les exécuter).
- Dans un document HTML, il y a les données et ce qui sert à les mettre en place :les balises (tag en anglais).
Ces balises seront autant d'instructions permettant de définir la forme du texte, inclure des images, du son, des liens vers d'autres pages,etc…
- Les balises seront ensuite interprétées par des logiciels appelés navigateurs pour afficher les pages. Interprétation pouvant être différentes suivant les navigateurs (les plus connus étant Netscape Navigator et Microsoft Internet Explorer).
- On peut ouvrir un fichier .html et le lire avec le navigateur sans être connecté à Internet si le fichier est accessible sur le disque dur de l'ordinateur ou sur un disque du réseau local.
- Les balises HTML sont composées en général par un marqueur d'ouverture et un marqueur de fermeture. Cet ensemble marqueur de début et de fin s'appelle un conteneur
- Les marqueurs HTML utilisent les caractères < et > comme délimiteurs de début et de fin.
- Le marqueur de fin s'écrit comme celui de début, précédé du caractère / "slash". Certains marqueurs de fin sont facultatifs.
- Les commandes HTML peuvent être écrites en minuscules ou en majuscules.
Mais mieux vaut les écrire en minusules, cela peut faciliter le transfert du code vers le XHTML
- Ces balises de mise en page agissent sur le mot, la ou les phrases qu'elles encadrent dans le document source.
- Selon ce qui précède, l' écriture générale d'une balise est :
<marqueur attributs éventuels> texte </marqueur>
Et le navigateur interprète de la façon suivante:
- le marqueur dit au navigateur ce qu'il doit faire
- le ou les attributs dit au navigateur comment il doit le faire.
- Si une même partie de texte doit être soumise à des directives qui se complètent,
on imbrique les balises correspondantes comme on le fait avec des parenthèses (...( ...)......); ci-dessous m1 et m2 sont des noms de marqueurs
< m1 > <m2 > texte </ m2 > </ m1 >
Structure du document
- En-tête du document:
Avant de commencer à écrire l'en-tête, le document principal (ou chaque page du projet, mais ce n'est pas obligatoire)
doit comporter une instruction doctype qui permet de définir le standard HTML qui va être utilisé.
Commande doctype de la dernière version HTML 4.0: <!doctype html public "-//w3c//dtd html 4.0//en">
- Les différents types de balises:
- Balises contenant des métainformations telles que <head> ou <title>.
- Balises de mise en forme du document telles que par exemple <b>, <i> ou encore <table>.
- Balises de liens telles que <a>.
- Balises d'insertions (multimédia) ou comment insérer des images, du son, de la vidéo.
- Les balises de structure:
- La balise <html> signale aux différents navigateurs que c'est une page Web, le tag </html> indique la fin de la page
- La balise <head>: elle indique les informations propres à votre page. Elle inclut la balise title et les balises meta qui permettront aux moteurs de recherche d'indexer le site Web.
- La balise <body>: elle va contenir toutes les informations qui s'afficheront dans la fenêtre du navigateur : textes, liens, images…
- Un document est toujours constitué de 3 balises de type conteneur au minimum, toujours dans le même ordre et qui sont:
<HTML> Début d'un document de type html
<HEAD> Début de la zone d'en-tête
</HEAD> Fin de la zone d'en-tête
<BODY> Début du document proprement dit
</BODY> Fin du document proprement dit
</HTML> Fin d'un document de type html
- Commenter un document.
Il peut s'avérer pratique de commenter son code source. On peut le faire sans que le navigateur affiche ces commentaires.
Il suffit d'appliquer le code suivant: <!-- Ceci est un commentaire. -->
Attention
- Certaines balises sont ignorées par certains navigateurs ou ne s'affichent pas de la même façon.
Ex: Un titre de niveau supérieur h1 ne s'affiche pas de la même façon selon le navigateur utilisé
- Ne pas abuser de certaines balises
RETOUR SOMMAIRE