Aller au contenu

Hypertext Markup Language/Introduction

Leçons de niveau 14
Une page de Wikiversité, la communauté pédagogique libre.
Début de la boite de navigation du chapitre
Introduction
Icône de la faculté
Chapitre no 1
Leçon : Hypertext Markup Language
Retour auSommaire
Chap. suiv. :Première page
fin de la boite de navigation du chapitre
En raison de limitations techniques, la typographie souhaitable du titre, « Hypertext Markup Language : Introduction
Hypertext Markup Language/Introduction
 », n'a pu être restituée correctement ci-dessus.

Pour développer en HTML, plusieurs outils sont nécessaires :

Éditeurs de texte

[modifier | modifier le wikicode]

Un logiciel de saisie de texte rudimentaire tel le Bloc-notes de Windows ou TextEdit (Mac OS X) suffisent amplement pour créer un site web. Le Bloc-notes se trouve par défaut dans le menu Accessoires du menu Démarrer de Windows, TextEdit dans le dossier Applications de Mac OS X. L'utilisation de logiciels de création de sites web n’est pas conseillée car ils sont la plupart du temps optimisés pour un navigateur particulier (par exemple Microsoft FrontPage est optimisé pour Internet Explorer…) et ils créent des pages «lourdes» (en moyenne 20% plus lourdes qu'avec le Bloc-notes) et donc longues à charger par le navigateur. De plus, le jour où le besoin d'ajouter une fonction que votre logiciel ne permet pas d'ajouter se fera ressentir, il sera intéressant d’être familier avec le langage HTML pour faire les modifications nécessaires. Il faut également faire attention aux logiciels de traitement de texte « puissants » tels que Word qui utilisent des caractères non standards (comme des apostrophes inversées) qui peuvent générer des erreurs d'interprétation par les navigateurs.

Pour créer une page web, il suffit de taper le code HTML dans le Bloc-notes et d'enregistrer le tout avec l'extension .html ou .htm (attention à ne pas oublier de préciser l'extension. Par défaut le Bloc-notes et TextEdit enregistrent au format .txt). Il existe deux extensions, sans aucune différence entre les deux. Vous pouvez donc choisir entre .html ou .htm. Pour cela, cliquez sur Fichier → Enregistrer sous… puis dans le champ Nom du fichier, tapez nomfichier.html ou nomfichier.htm.

Éditeurs de textes pour développeurs

[modifier | modifier le wikicode]

On peut également utiliser des logiciels un peu plus évolués et supportant la coloration syntaxique. Ils ont les mêmes atouts que le Bloc-notes et ont l'avantage supplémentaire de colorer de différentes couleurs les éléments du langage afin d’en faciliter la lecture. Ils sont fortement conseillés !

Pour Microsoft Windows, on peut conseiller :

Pour Mac OS X, on peut conseiller :

Pour les systèmes d'exploitation de type Unix (GNU/Linux, BSD, etc.), on peut conseiller :

  • vi/vim ;
  • GNU Emacs (également disponible pour plateforme Windows) ;
  • gedit (bureau GNOME) ;
  • Kate (bureau KDE);
  • Geany léger avec autocomplétion (également disponible pour plateforme Mac OS X ou Windows).
[modifier | modifier le wikicode]

Du plus utilisé au moins utilisé en 2017 :

  1. Chrome
  2. Safari
  3. Edge (+ IE)
  4. Firefox
  5. « Opera » (consulté le 17 juin 2017)