Le fichier HTML

On peut comparer le fichier HTML à un mode opératoire en chimie. - Éditer ("edit") le fichier revient à écrire le mode opératoire. - Exécuter("view") le fichier revient à faire l'expérience en suivant le mode opératoire.

Éditer un fichier HTML

On rédige un fichier HTML dans un éditeur spécialisé. Par la suite nous nous servons de →    Notepad++: - Dans sa version anglaise nous prenons soin de désactiver le (Plugin DSpellCheck en haut). - Nous choisissons sous "Encodage" : Encoder en UTF-8

La structure de base HTML

La première ligne spécifie de quelle version de HTML il s'agit. La version la plus récente est HTML 5. <html>,    <head> ..... sont des balises. Elles ferment par </head>,     </html>..... (Notez que ces balises sont souvent imbriquées!) La balise <html> est le cadre du fichier. La balise <head> renferme des informations au sujet du fichier ou encore des aides extérieures incorporées dans le fichier. La balise <titre> renferme ce que le navigateur renseigne au sujet du fichier en haut de la page. Ce n'est pas le titre qu'on veut que le navigateur affiche. La balise <body> renferme le contenu du fichier que le navigateur doit afficher.

Les balises

Voici une liste de balises importantes. Nous reviendrons le moment venu sur l'emploi de ces balises: Dans le <head> : <titre> ( Affichage succint du contenu ) <meta> ( Renseignements divers ) <link> ( Lien avec un autre document ) <script>( Incorporation d'effets interactifs ) Dans le <body> : <h1> ( Grand titre) <h2> ( Moyen titre) <h3> ( Petit titre) <div> ( Bloc ) <p> ( Paragraphe ) <span> ( Partie de texte ) <a> ( Référence ) <img> ( Image) <video> ( Vidéo) <audio> ( Audio)

Exécuter le fichier dans le navigateur

Si vous écrivez le fichier précédent dans l'éditeur et que vous l'exécutez (View) dans le navigateur de votre choix (Run en haut) vous verrez →   ceci

Retrouver le texte HTML à partir du navigateur

Tapez ensuite la touche droite de la souris et puis "View page source"