HTML Éditeurs
Un éditeur de texte simple est tout ce dont vous avez besoin pour apprendre le HTML.
Apprenez le HTML en utilisant Notepad ou TextEdit
Les pages Web peuvent être créées et modifiées à l'aide d'éditeurs HTML professionnels.
Cependant, pour apprendre le HTML, nous recommandons un éditeur de texte simple comme Notepad (PC) ou TextEdit (Mac).
Nous pensons qu'utiliser un éditeur de texte simple est un bon moyen d'apprendre le HTML.
Suivez les étapes ci-dessous pour créer votre première page Web avec Notepad ou TextEdit.
Étape 1 : Ouvrir Notepad (PC)
Windows 8 ou version ultérieure :
Ouvrez l' Écran de démarrage (le symbole de la fenêtre en bas à gauche de votre écran). Tapez Notepad .
Windows 7 ou version antérieure :
Ouvrez Démarrer > Programmes > Accessoires > Notepad
Étape 1 : Ouvrir TextEdit (Mac)
Ouvrez Finder > Applications > TextEdit
Changez également certaines préférences pour que l'application enregistre les fichiers correctement. Dans Préférences > Format > choisissez "Texte brut"
Ensuite, sous "Ouvrir et enregistrer", cochez la case qui dit "Afficher les fichiers HTML en tant que code HTML au lieu de texte formaté".
Ensuite, ouvrez un nouveau document pour y placer le code.
Étape 2 : Écrire du HTML
Écrivez ou copiez le code HTML suivant dans Notepad :
<!DOCTYPE html>
<html>
<body>
<h1>Mon premier en-tête</h1>
<p>Mon premier paragraphe.</p>
</body>
</html> 
Étape 3 : Enregistrer la page HTML
Enregistrez le fichier sur votre ordinateur. Sélectionnez Fichier > Enregistrer sous dans le menu Notepad.
Nommez le fichier "index.htm" et définissez l'encodage sur UTF-8 (qui est l'encodage recommandé pour les fichiers HTML).
Astuce : Vous pouvez utiliser soit .htm soit .html comme extension de fichier. Il n'y a pas de différence ; c'est à vous de choisir.
Étape 4 : Voir la page HTML dans votre navigateur
Ouvrez le fichier HTML enregistré dans votre navigateur préféré (double-cliquez sur le fichier, ou faites un clic droit et choisissez "Ouvrir avec").
Le résultat ressemblera beaucoup à ceci :
formation-ti.org Éditeur en ligne - "Essayez-le vous-même"
Avec notre éditeur en ligne gratuit, vous pouvez modifier le code HTML et voir le résultat dans votre navigateur.
C'est l'outil parfait lorsque vous souhaitez tester du code rapidement. Il dispose également d'un codage couleur et de la possibilité d'enregistrer et de partager du code avec d'autres :
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<h1>Ceci est un en-tête</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html> Cliquez sur le bouton "Essayez-le vous-même" pour voir comment cela fonctionne.