Quels outils de développement sont utilisés pour le HTML ?

Outils de développement HTML : 1. Sublime Text 3 ; 2. Webstorm ; 3. Visual Studio Code ; 5. HBuilder ; 7. Eclipse ;

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Première : Qu'est-ce que HTML

HTML, le nom complet est "Hyper Text Markup Language (Hyper Text Markup Language)", c'est le langage standard pour créer des pages Web.

Ce qu'on appelle l'hypertexte, car il peut ajouter des images, des sons, des animations, du multimédia et d'autres contenus. De plus, il peut passer d'un fichier à un autre, en se connectant à des fichiers provenant d'hôtes du monde entier.

Il est à noter que HTML n'est pas un langage de programmation, mais un langage de balisage descriptif.

2 : Ce qu'il faut apprendre sur le HTML

Apprendre le HTML, c'est apprendre diverses balises, le « squelette » des pages web.

Les balises incluent les balises de texte, les balises d'image, les balises audio, les balises de formulaire, etc. Le langage HTML étant un langage descriptif, il utilise des balises pour parler.

Par exemple, si vous souhaitez afficher un paragraphe de texte dans le navigateur, vous utiliserez la balise paragraphe p. Si vous souhaitez afficher une image dans le navigateur, vous utiliserez la balise image img. Différentes balises sont utilisées pour différents objets.

Apprendre le HTML signifie apprendre différentes balises, puis utiliser les balises correspondantes pour le contenu que vous souhaitez afficher, c'est-à-dire utiliser les bonnes balises au bon endroit.

Trois : Le suffixe du nom du document HTML

• html
• htm

Les deux manières d'écrire sont les mêmes, il n'y a pas de différence.

Quatre : Quels sont les outils de développement HTML ?

Il existe de nombreux types d'éditeurs capables d'écrire du code HTML, tout le monde a des opinions différentes. exemples. Voici quelques-uns que j'ai utilisés pour votre référence

1) Sublime Text 3

La couleur du code de Sublime est ma préférée, à tel point que lorsque j'utilise d'autres éditeurs, je dois la changer en celle-ci. même couleur.

2) Webstorm

Les astuces intelligentes de code de Webstorm et les touches de raccourci personnalisées, les couleurs sont sombres et j'aime ça.

3) Visual Studio Code

Visual Studio Code est un éditeur léger développé par Microsoft, et la fonction de plug-in est très puissante.

4) Atom

Ce logiciel est architecturalement plus axé sur l'expansion et la liberté que le vscode, et il est lui-même composé de nombreuses extensions. Le degré de liberté d'expansion est très élevé. Par exemple, installer une mini-carte équivaut à un texte sublime. L'écriture front-end est à peu près la même chose que vscode, et vous pouvez également développer dans de nombreux autres langages. Cependant, j'estime personnellement que la qualité de l'extension n'est généralement pas aussi élevée que celle de vscode. Je l'ai utilisé pendant un certain temps au début, mais je ne supportais pas la qualité et la compatibilité inégales des extensions, alors je suis passé à vscode.

5) HBuilder

Il s'agit d'un IDE prétendument spécialement préparé pour HTML5. Je l'ai utilisé il y a quelques années. Il semble être basé sur le noyau Eclipse. Je ne souhaite utiliser aucun logiciel basé sur Eclipse. Je me souviens que même le format du code comportait des bugs. Le code de formatage peut être facilement perfectionné en utilisant l’une des extensions recommandées ci-dessus.

6) Notepad++

Notepad++ est un ensemble tout à fait unique de logiciels gratuits d'édition de texte pur (licence : GPL), avec une interface complète en langue chinoise et un support pour l'écriture multilingue (technologie UTF8). Sa fonction est plus puissante que le Bloc-notes sous Windows. En plus d'être utilisé pour créer des fichiers de description générale en texte brut, il est également très approprié comme éditeur pour écrire des programmes informatiques. Notepad++ a non seulement une coloration syntaxique, mais dispose également d'une fonction de pliage de syntaxe et prend en charge les macros et les modules plug-in qui étendent les fonctions de base.

7) Eclipse

Eclipse est un environnement de développement intégré (IDE) multiplateforme gratuit bien connu. Initialement, il était principalement utilisé pour le développement du langage Java, mais maintenant certaines personnes utilisent des plug-ins pour l'utiliser comme outil de développement pour d'autres langages informatiques tels que C++ et Python.

8) Brackets

Les outils de développement front-end open source d'Adobe. Ceci est fondamentalement entièrement préparé pour le front-end et prend en charge les plug-ins. Je l'ai utilisé pendant un moment au début et l'expérience a été très bonne. Serveur intégré, vous pouvez prévisualiser directement les modifications.

9) Éditeur Vim

Vim est un éditeur de texte hautement configurable qui peut créer et modifier tout type de texte de manière très efficace. La plupart des systèmes UNIX le prennent en charge sous la forme de « vi ». De nombreux développeurs aiment utiliser Vim pour diverses tâches d'édition. Vim est très stable et évolue constamment pour s'améliorer.

10) Deco IDE

Deco est un IDE spécialement conçu pour React Native. Il s'agit d'une solution tout-en-un pour écrire des applications React Native qui peuvent être téléchargées et utilisées sans aucune configuration d'environnement. Deco améliore le flux de travail de développement React Native en se concentrant sur la réutilisation des composants et en permettant aux utilisateurs de modifier l'interface utilisateur en temps réel.

11) Éditeur TextMate

TextMate n'est pas un IDE, mais grâce à l'utilisation de ses puissants extraits de code, de ses macros et de son système de portée unique, il peut souvent fournir des fonctionnalités qui manquent même aux IDE spécifiques aux langages de programmation. React ne le prend pas en charge directement, mais il est facile d'obtenir une prise en charge pour JSX, sur lequel est basé la plupart du code React, à l'aide du plugin ci-dessous.

12) Éditeur Spacemacs

Spacemacs est une distribution Emacs pilotée par la communauté - le meilleur éditeur n'est ni Emacs ni Vim, c'est Emacs et Vim combinés !

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéos de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!