Comme le dit le proverbe : « Si vous voulez bien faire votre travail, vous devez d'abord affiner vos outils. » Un éditeur HTML utile peut vous rendre plus efficace dans la création de pages Web HTML et obtenir deux fois le résultat avec la moitié de l'effort.
Voici quelques éditeurs couramment utilisés :
1. Utilisez Notepad ou Notepad++ pour écrire du HTML
Il s'agit de la fonctionnalité de bloc-notes fournie avec la plupart des ordinateurs, et nous pensons que l'utilisation d'un simple éditeur de texte est un excellent moyen d'apprendre le HTML.
Étape 1 : Démarrer le Bloc-notes
Comment démarrer le Bloc-notes :
(1) Démarrer → Tous les programmes → Pièces jointes → Bloc-notes
(2) Démarrer → Entrez la commande notepad pour démarrer le Bloc-notes
(3) Créez un nouveau document texte directement sur le bureau
Les trois méthodes ci-dessus sont disponibles.
Étape 2 : Modifier le code HTML avec le Bloc-notes
Tapez le code HTML dans le Bloc-notes :
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>Bienvenue sur notre site Web pour apprendre et vous enregistrer. </p></body></html>
Comme le montre l'image :
Étape 3 : Enregistrer le code HTML
Sélectionnez "Enregistrer sous" dans le menu Fichier du Bloc-notes.
Lorsque vous enregistrez un fichier HTML, vous pouvez utiliser l'extension .htm ou .html . Il n'y a aucune différence entre les deux. Donnez-lui un nom facile à retenir, comme test.
Étape 4 : Exécutez ce fichier HTML dans le navigateur
Démarrez votre navigateur et sélectionnez la commande Ouvrir un fichier dans le menu Fichier, ou double-cliquez sur votre fichier HTML directement dans le dossier.
Les résultats de l'affichage en cours sont similaires aux suivants :
2. Utilisez Visual Studio Code pour écrire du HTML
Visual Studio Code est un éditeur multiplateforme permettant d'écrire des applications Web et cloud modernes qui s'exécutent sous OS X, Windows et Linux. Il est également connu comme le compilateur le plus puissant de l’univers. Vous pouvez télécharger le logiciel correspondant depuis le site officiel du logiciel suivant et l'installer selon les étapes.
Code VS : https://code.visualstudio.com/
Vous pouvez télécharger le logiciel correspondant depuis le site officiel du logiciel ci-dessus et l'installer selon les étapes.
Étape 1 : Créez un nouveau fichier HTML
Une fois l'installation de VS Code terminée, sélectionnez « Fichier (F) -> Nouveau fichier (N) » et entrez le code suivant dans le nouveau fichier :
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>Bienvenue sur notre site Web pour apprendre et vous enregistrer. </p></body></html>
Étape 2 : Enregistrer sous forme de fichier HTML
Sélectionnez ensuite "Fichier (F) -> Enregistrer sous (A)" et le nom du fichier est test.html :
Étape 3 : Exécutez ce fichier HTML dans votre navigateur
Cliquez ensuite avec le bouton droit sur le nom du fichier dans l'éditeur et choisissez de l'ouvrir dans le navigateur par défaut (d'autres navigateurs sont également disponibles) :
3. HBuilder
HBuilder est un IDE de développement Web lancé par DCloud qui prend en charge HTML5. HBuilder a été écrit en Java, C, Web et Ruby. Le corps principal de HBuilder lui-même est écrit en Java. La vitesse rapide est le plus grand avantage de HBuilder. Grâce à des invites de syntaxe complètes, des méthodes de saisie de code, des blocs de code, etc., il améliore considérablement l'efficacité du développement de HTML, js et css. Hbuilder est un IDE de développement front-end écrit par des développeurs front-end chinois, son utilisation est donc plus conforme à nos habitudes de développement chinoises. Il est très pratique d'utiliser HBuilder pour écrire du code HTML.
4. AdobeDreamweaverCS
Dreamweavercs6 est un ensemble de correcteurs de code avec une interface de correction visuelle lancé par Adobe, le premier fabricant international de logiciels, qui peut être utilisé pour corriger les sites Web et les applications mobiles. Parce qu'il prend en charge le codage, le fractionnement, la conception, l'affichage en temps réel et d'autres méthodes pour créer, écrire et modifier des pages Web, pour les utilisateurs juniors, vous pouvez créer rapidement des pages Web sans écrire de code. Ses outils sophistiqués de modification de code sont plus adaptés à la création de développeurs web seniors ! La nouvelle version de CS6 utilise une disposition en grille adaptative pour créer une page. Utilisez l'aperçu multi-écran pour examiner la conception avant la publication, ce qui peut considérablement améliorer l'efficacité du travail. Par conséquent, AdobeDreamweaverCS est également un meilleur correcteur de code HTML.
5. SublimeText3 version chinoise
SublimeText est un logiciel de correction avec mise en évidence du code, invites de syntaxe, complétion automatique et réponse rapide. Il possède non seulement une interface magnifique, mais prend également en charge le mécanisme d'extension de plug-in. Comparés à Vim, difficile à utiliser, Eclipse et VS, volumineux et lourds, et Editplus et Notepad++, légers et rapides à lancer, ils sont généralement éclipsés par SublimeText. Cet éditeur extrêmement sexy l'est sans aucun doute. un bon choix pour le codage.
6.Bloc-notes++
Notepad++ est conçu pour remplacer le Bloc-notes par défaut de Windows et est beaucoup plus puissant que le Bloc-notes. notepad++ prend en charge les plug-ins et ajoute les plug-ins correspondants pour prendre en charge différentes fonctions. En plus de certains plug-ins courants, il existe également des plug-ins intéressants, comme le plug-in vocal qui lit le texte. Notepad++ est un logiciel d'édition de texte léger. Il démarre plus rapidement et consomme moins de ressources que certains autres outils d'édition de texte professionnels, mais en termes de fonctions et d'applications, ce n'est rien de moins que ces outils professionnels.
7. Editplus
Adresse de téléchargement : https://www.editplus.com/
EditPlus est un éditeur Windows petit mais puissant produit par la société sud-coréenne Sangil Kim (ES-Computing) qui peut gérer le texte, le HTML et les langages de programmation. Il s'agit également d'un éditeur HTML très facile à utiliser. Vous pouvez même définir le service d'outils utilisateur. comme un simple IDE pour C, Java, Php et d'autres langages.