HTML-Entwicklungstools: 1. Sublime Text 3. Visual Studio Code;
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
Eins: Was ist HTML? Der sogenannte Hypertext, weil er Bilder, Töne, Animationen, Multimedia und andere Inhalte hinzufügen kann. Darüber hinaus kann es von einer Datei zur anderen springen und eine Verbindung zu Dateien von Hosts auf der ganzen Welt herstellen.
Es ist zu beachten, dass HTML keine Programmiersprache, sondern eine beschreibende Auszeichnungssprache ist.
2: Was Sie über HTML lernen sollten
HTML zu lernen bedeutet, verschiedene Tags zu lernen, das „Skelett“ von Webseiten. Zu den Tags gehören Text-Tags, Bild-Tags, Audio-Tags, Formular-Tags usw. Da es sich bei HTML um eine beschreibende Sprache handelt, werden zum Sprechen Tags verwendet.
Wenn Sie beispielsweise einen Textabsatz im Browser anzeigen möchten, verwenden Sie den Absatz-Tag p. Wenn Sie ein Bild im Browser anzeigen möchten, verwenden Sie den Bild-Tag img. Für unterschiedliche Objekte werden unterschiedliche Tags verwendet.
HTML zu lernen bedeutet, verschiedene Tags zu lernen und dann die entsprechenden Tags für den Inhalt zu verwenden, den Sie anzeigen möchten, also die richtigen Tags an der richtigen Stelle zu verwenden.
Drei: Der Suffixname des HTML-Dokuments
html
htmViertens: Welche HTML-Entwicklungstools gibt es? Es gibt viele Arten von Editoren, die HTML-Code schreiben können. Hier möchte ich nur einige davon vertreten Hier sind einige, die ich als Referenz verwendet habe
1) Sublime Text 3
Die Codefarbe von Sublime gefällt mir so sehr, dass ich sie ändern muss, wenn ich andere Editoren verwende auf die gleiche Farbe.
2) Webstorm
Webstorms Code-Smarttipps und benutzerdefinierte Tastenkombinationen, die Farben sind dunkel und ich mag es.
3) Visual Studio Code
4) Atom
Diese Software ist architektonisch stärker auf Erweiterung und Freiheit ausgerichtet als vscode und besteht selbst aus vielen Erweiterungen. Der Grad der Erweiterungsfreiheit ist sehr hoch. Beispielsweise ist die Installation einer Minikarte dasselbe wie ein erhabener Text. Das Schreiben des Frontends ist ungefähr das Gleiche wie vscode, und Sie können auch in vielen anderen Sprachen entwickeln. Ich persönlich bin jedoch der Meinung, dass die Qualität der Erweiterung im Allgemeinen nicht so hoch ist wie bei vscode. Ich habe es zunächst eine Weile verwendet, konnte die ungleichmäßige Qualität und Kompatibilität der Erweiterung jedoch nicht ertragen und bin daher auf vscode umgestiegen.
5) HBuilderDies ist eine IDE, die angeblich speziell für HTML5 vorbereitet ist. Sie scheint auf dem Eclipse-Kernel zu basieren. Ich möchte keine Eclipse-basierte Software verwenden. Ich erinnere mich, dass sogar das Format des Codes Fehler aufwies. Der Formatierungscode kann leicht perfektioniert werden, indem eine der oben empfohlenen Erweiterungen verwendet wird.
6) Notepad++Notepad++ ist ein einzigartiger reiner Texteditor für freie Software (Lizenz: GPL) mit einer vollständigen chinesischen Sprachschnittstelle und der Fähigkeit, mehrsprachiges Schreiben zu unterstützen (UTF8-Technologie). Seine Funktion ist leistungsfähiger als Notepad in Windows. Es eignet sich nicht nur zum Erstellen allgemeiner Klartext-Beschreibungsdateien, sondern eignet sich auch sehr gut als Editor zum Schreiben von Computerprogrammen. Notepad++ verfügt nicht nur über Syntaxhervorhebung, sondern auch über eine Syntaxfaltungsfunktion und unterstützt Makros und Plug-in-Module, die Grundfunktionen erweitern.
7) EclipseEclipse ist eine bekannte plattformübergreifende kostenlose integrierte Entwicklungsumgebung (IDE). Ursprünglich wurde es hauptsächlich für die Entwicklung der Java-Sprache verwendet, aber jetzt verwenden einige Leute Plug-Ins, um es als Entwicklungstool für andere Computersprachen wie C++ und Python zu verwenden.
8) KlammernAdobes Open-Source-Frontend-Entwicklungstools. Dieses ist grundsätzlich komplett für das Frontend vorbereitet und unterstützt Plug-Ins. Ich habe es zunächst eine Weile verwendet und die Erfahrung war sehr gut. Integrierter Server, Sie können Änderungen direkt in der Vorschau anzeigen.
9) Vim-EditorVim ist ein hochgradig konfigurierbarer Texteditor, der jede Art von Text sehr effizient erstellen und ändern kann. Die meisten UNIX-Systeme unterstützen es in der Form „vi“. Viele Entwickler nutzen Vim gerne für verschiedene Bearbeitungsaufgaben. Vim ist sehr stabil und entwickelt sich ständig weiter, um besser zu werden. 10) Deco IDE Deco ist eine IDE, die speziell für React Native entwickelt wurde. Es handelt sich um eine Komplettlösung zum Schreiben von React Native-Anwendungen, die ohne Umgebungseinrichtung heruntergeladen und verwendet werden kann. Deco verbessert den React Native-Entwicklungsworkflow, indem es sich auf die Wiederverwendung von Komponenten konzentriert und es Benutzern ermöglicht, die Benutzeroberfläche in Echtzeit zu bearbeiten. 11) TextMate-Editor TextMate ist keine IDE, kann aber durch die Verwendung seiner leistungsstarken Snippets, Makros und seines einzigartigen Scoping-Systems häufig Funktionen bereitstellen, die selbst programmiersprachenspezifischen IDEs fehlen. React unterstützt es nicht direkt, aber mit Hilfe des unten stehenden Plugins ist es einfach, Unterstützung für JSX zu erhalten, auf dem der meiste React-Code basiert. 12) Spacemacs-Editor Spacemacs ist eine von der Community betriebene Emacs-Distribution – der beste Editor ist weder Emacs noch Vim, sondern Emacs und Vim zusammen! Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !
Das obige ist der detaillierte Inhalt vonWelche Entwicklungstools werden für HTML verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!