Wie das Sprichwort sagt: „Wenn Sie Ihre Arbeit gut machen wollen, müssen Sie zuerst Ihre Werkzeuge schärfen.“ Mit einem nützlichen HTML-Editor können Sie HTML-Webseiten effizienter erstellen und mit halbem Aufwand das Doppelte erzielen.
Hier sind einige häufig verwendete Editoren:
1. Verwenden Sie Notepad oder Notepad++, um HTML zu schreiben
Dies ist die Notizblockfunktion, die auf den meisten Computern vorhanden ist, und wir glauben, dass die Verwendung eines einfachen Texteditors eine großartige Möglichkeit ist, HTML zu lernen.
Schritt 1: Starten Sie Notepad
So starten Sie Notepad:
(1) Start → Alle Programme → Anhänge → Notizblock
(2) Start → Geben Sie den Befehl Notepad ein, um Notepad zu starten
(3) Erstellen Sie ein neues Textdokument direkt auf dem Desktop
Alle drei oben genannten Methoden sind verfügbar.
Schritt 2: Bearbeiten Sie HTML mit Notepad
Geben Sie den HTML-Code in Notepad ein:
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>Willkommen auf unserer Website zum Lernen und Einchecken. </p></body></html>
Wie im Bild gezeigt:
Schritt 3: HTML speichern
Wählen Sie im Notepad-Menü „Datei“ die Option „Speichern unter“.
Wenn Sie eine HTML-Datei speichern, können Sie entweder die Erweiterung .htm oder die Erweiterung .html verwenden. Geben Sie ihr einen leicht zu merkenden Namen, z. B. test.
Schritt 4: Führen Sie diese HTML-Datei im Browser aus
Starten Sie Ihren Browser und wählen Sie im Menü „Datei“ den Befehl „Datei öffnen“ oder doppelklicken Sie direkt im Ordner auf Ihre HTML-Datei.
Die laufenden Anzeigeergebnisse ähneln den folgenden:
2. Verwenden Sie Visual Studio Code, um HTML zu schreiben
Visual Studio Code ist ein plattformübergreifender Editor zum Schreiben moderner Web- und Cloud-Anwendungen, der unter OS X, Windows und Linux läuft. Er gilt auch als der leistungsstärkste Compiler im Universum. Sie können die entsprechende Software von der offiziellen Website der folgenden Software herunterladen und gemäß den Schritten installieren.
VS-Code: https://code.visualstudio.com/
Sie können die entsprechende Software von der offiziellen Website der oben genannten Software herunterladen und gemäß den Schritten installieren.
Schritt 1: Erstellen Sie eine neue HTML-Datei
Nachdem die VS-Code-Installation abgeschlossen ist, wählen Sie „Datei (F) -> Neue Datei (N)“ und geben Sie den folgenden Code in die neue Datei ein:
<!DOCTYPEhtml><html><body><h1>C Language Network</h1><p>Willkommen auf unserer Website zum Lernen und Einchecken. </p></body></html>
Schritt 2: Als HTML-Datei speichern
Wählen Sie dann „Datei (F) -> Speichern unter (A)“ und der Dateiname lautet test.html:
Schritt 3: Führen Sie diese HTML-Datei in Ihrem Browser aus
Klicken Sie dann im Editor mit der rechten Maustaste auf den Dateinamen und wählen Sie „Öffnen im Standardbrowser“ (andere Browser sind ebenfalls verfügbar):
3. HBuilder
HBuilder ist eine von DCloud gestartete Webentwicklungs-IDE, die HTML5 unterstützt. HBuilder wurde mit Java, C, Web und Ruby geschrieben. Der Hauptteil von HBuilder selbst ist in Java geschrieben. Die hohe Geschwindigkeit ist der größte Vorteil von HBuilder. Durch vollständige Syntax-Eingabeaufforderungen, Code-Eingabemethoden, Code-Blöcke usw. wird die Entwicklungseffizienz von HTML, JS und CSS erheblich verbessert. Hbuilder ist eine Front-End-Entwicklungs-IDE, die von chinesischen Front-End-Entwicklern geschrieben wurde. Daher entspricht ihre Verwendung eher unseren chinesischen Entwicklungsgewohnheiten. Es ist sehr praktisch, HBuilder zum Schreiben von HTML-Code zu verwenden.
4. AdobeDreamweaverCS
Dreamweavercs6 ist eine Reihe von Code-Korrekturprogrammen mit einer visuellen Korrekturschnittstelle, die von Adobe, dem führenden internationalen Softwarehersteller, eingeführt wurde und zur Korrektur von Websites und mobilen Anwendungen verwendet werden kann. Da es Codierung, Aufteilung, Design, Echtzeitansicht und andere Methoden zum Erstellen, Schreiben und Ändern von Webseiten unterstützt, können jüngere Benutzer schnell Webseiten erstellen, ohne Code schreiben zu müssen. Seine hochentwickelten Code-Änderungstools eignen sich besser für die Erstellung erfahrener Webentwickler! Die neue Version von cs6 verwendet ein adaptives Rasterlayout zum Erstellen einer Seite. Verwenden Sie die Vorschau auf mehreren Bildschirmen, um das Design vor der Veröffentlichung zu überprüfen, was die Arbeitseffizienz erheblich verbessern kann. Daher ist AdobeDreamweaverCS auch ein besserer HTML-Code-Korrektor.
5. Chinesische Version von SublimeText3
SublimeText ist eine Korrektursoftware mit Code-Hervorhebung, Syntax-Eingabeaufforderungen, automatischer Vervollständigung und schneller Antwort. Sie verfügt nicht nur über eine großartige Benutzeroberfläche, sondern unterstützt auch Plug-in-Erweiterungsmechanismen. Es macht definitiv Spaß, damit Code zu schreiben. Im Vergleich zu Vim, das schwierig zu verwenden ist, Eclipse und VS, die aufgebläht und schwer zu verwenden sind, und Editplus und Notepad++, die leichtgewichtig und schnell zu starten sind, werden sie im Allgemeinen von SublimeText in den Schatten gestellt. Es besteht kein Zweifel daran, dass dieser äußerst sexy Editor ist eine gute Wahl zum Codieren.
6. Notepad++
Notepad++ soll den Standard-Notepad in Windows ersetzen und ist viel leistungsfähiger als Notepad. Notepad ++ unterstützt Plug-Ins und fügt entsprechende Plug-Ins hinzu, um verschiedene Funktionen zu unterstützen. Neben einigen gängigen Plug-Ins gibt es auch einige interessante Plug-Ins, wie zum Beispiel das Sprach-Plug-In, das Text vorliest. Notepad++ ist eine leichtgewichtige Textbearbeitungssoftware, die schneller startet und weniger Ressourcen beansprucht als einige andere professionelle Textbearbeitungstools, aber in Bezug auf Funktionen und Anwendungen ist es diesen professionellen Tools in nichts nachsteht.
7. Editplus
Download-Adresse: https://www.editplus.com/
EditPlus ist ein kleiner, aber leistungsstarker Windows-Editor von Sangil Kim (ES-Computing), der mit Text, HTML und Programmiersprachen umgehen kann. Es ist auch ein sehr einfach zu bedienender HTML-Editor, der dem Benutzer sogar Tools zur Verfügung stellen kann als einfache IDE für C, Java, PHP und andere Sprachen.