Éditeurs et programmes HTML

Les rédacteurs et programmes pour travailler avec le code HTML

Dans le chapitre précédent, nous avons appris que HTML est le langage du balisage hypertexte, utilisé pour créer des pages Web. Pour travailler efficacement avec HTML et écrire du code, vous aurez besoin des outils et programmes suivants :

un éditeur de texte ou un éditeur HTML pour écrire et éditer du code
navigateur pour voir les résultats
validateur - un programme spécial qui vérifie la conformité du code HTML des pages du site avec les normes modernes et détecte les erreurs dans le code

Considérons ces outils plus en détail.

Editeurs

Pour écrire et éditer du code HTML, vous aurez besoin d'un éditeur. Il y a pas mal d'éditeurs pour écrire du code HTML, mais tout le monde n'y travaille pas. Nous avons besoin d'un éditeur qui peut:

Mettre en évidence les structures de syntaxe; sélectionnez les balises, le texte, les mots-clés et les paramètres de texte avec différentes couleurs, polices et contours.
Supporter le travaille avec des onglets pour travailler avec plusieurs documents dans une seule fenêtre
Vérifier le document actuel pour des erreurs
Réduire le code - masque un morceau spécifique de code ou de texte modifié, ne laissant qu'une seule ligne.

Les éditeurs les plus populaires

Pendant que vous apprenez simplement, le Bloc-notes (Notepad) habituel est approprié pour écrire le code. Voyons comment vous pouvez créer un document HTML avec cet outil.

Tout d'abord, créez un dossier dans lequel vous stockerez les fichiers HTML et suivez les instructions ci-dessous.

1. Ouvrez le bloc-note (Notepad)

Cliquez sur Démarrer ---> Toutes les applications ---> Accessoires - Windows ---> Bloc-notes.

2. Ecrivez le code

(Sur le structure de code nous avons parlé dans le chapitre précédent.)

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre de la page Web</title>
  </head>
  <body>
    <h1>Titre du document </h1>
    <p>Paragraphe de texte</p>
  </body>
</html>

Essayez-vous-même!

Résultat

3. Enregistrez le document HTML

Dans le menu “Fichier”, cliquez sur “Enregistrer”, nommez le document à l'aide de l'extension .htm ou .html. (Nous vous recommandons d'utiliser l'extension .html). Modifiez le codage en UTF-8 pour que le code dans le navigateur soit affiché sans erreurs. Enregistrez le fichier dans le dossier que vous avez créé pour stocker les fichiers HTML.

4. Ouvrez le document HTML dans le navigateur

Faites un clic droit sur le fichier et choisissez "Ouvrir avec" dans le menu. Ensuite, sélectionnez le navigateur sur lequel vous voulez voir le code.

Navigateur

Pour afficher les pages Web que vous avez créées, vous aurez besoin d'un navigateur. Pour les débutants, tous les navigateurs, Google Chrome, Opera, ou Firefox sont appropriés, mais vous devrez alors avoir tout le package à portée de main. Le fait est que chaque navigateur a ses propres fonctionnalités, donc le code que vous écrivez devra être vérifié dans chaque navigateur.

Validateur

La vérification de la validité du code HTML est l'une des étapes importantes du développement de pages Web. Pour les tests, des programmes spéciaux sont utilisés, des validateurs qui détectent les erreurs dans la syntaxe de la page Web et les différences avec la spécification HTML.

Le service en ligne le plus populaire est le validateur validator.w3.org.Saisissez le document URL du document ou du site dans la forme spéciale, et après avoir vérifié que le service indiquera les erreurs, le cas échéant, ou signalera que le document a été validé.

Pour vérifier la validation des fichiers locaux, vous pouvez utiliser des programmes spéciaux, par exemple Tidy Certains éditeurs (PSPad) ont un validateur intégré et vous pouvez effectuer une validation de code directement dans celui-ci.