Sublime Text 3 ist ein leistungsstarker Texteditor, der von Website-Entwicklern und Programmierern häufig verwendet wird. Es bietet eine breite Palette von Funktionen und Tools, die den Prozess der Erstellung von HTML-Dateien schnell und bequem machen.
Das Erstellen einer HTML-Datei in Sublime Text 3 ist einfach genug. Um zu beginnen, öffnen Sie Sublime Text 3 und erstellen Sie eine neue Datei. Innerhalb dieser Datei können Sie Ihren HTML-Code schreiben. Stellen Sie beim Speichern einer Datei sicher, dass die Option "Alle Dateien (*.*)" und die Dateierweiterung wird als " angegeben.html". Dadurch wird Ihre Datei im HTML-Format gespeichert.
Wenn Ihre HTML-Datei fertig ist, speichern Sie sie in den entsprechenden Ordner auf Ihrem Computer. Beachten Sie, dass Sublime Text 3 keine "Save As HTML" -Funktion bietet, daher müssen Sie die Dateien manuell mit der richtigen Erweiterung speichern.
Jetzt haben Sie eine HTML-Datei, die Sie in jedem Webbrowser öffnen können. Doppelklicken Sie einfach auf die Datei oder klicken Sie mit der rechten Maustaste und wählen Sie Öffnen mit. ". Dadurch wird Ihre Webseite in dem von Ihnen ausgewählten Browser angezeigt, der zum Anzeigen und Testen bereit ist.
Werkzeugauswahl
Sie können verschiedene Werkzeuge und Funktionen verwenden, um eine HTML-Datei in Sublime Text 3 zu erstellen, die den Entwicklungsprozess erheblich vereinfachen. Hier sind einige von ihnen:
| Emmet | Ein leistungsfähiges Plugin, mit dem Sie die Zeit und den Aufwand beim Schreiben von HTML-Code reduzieren können. Es ermöglicht Ihnen, Markup mit speziellen Abkürzungen und Befehlen zu erstellen, ergänzt den Code automatisch und erstellt Tags. |
| Syntaxhervorhebung | Sublime Text 3 verfügt über eine integrierte HTML-Syntaxhervorhebung, die den Code verständlicher und lesbarer macht. Auf diese Weise können Sie Fehler schnell finden und korrigieren. |
| Pakete | Sublime Text 3 unterstützt die Installation verschiedener Pakete, die die Funktionalität des Editors erheblich erweitern. Einige Pakete wurden speziell für die Arbeit mit HTML entwickelt und bieten Vorlagen, automatische Vervollständigung und andere nützliche Funktionen. |
| Schnipsel | Mit Sublime Text 3 können Sie eigene Snippets erstellen und verwenden, kleine Codeausschnitte, die mit Abkürzungen aufgerufen werden können. Dies beschleunigt das Schreiben von sich wiederholenden Codeabschnitten erheblich und vermeidet Fehler. |
Mit diesen Tools können Sie die Erstellung von HTML-Dateien in Sublime Text 3 verbessern, Zeit sparen und die Arbeit mit dem Code vereinfachen.
Installieren von Sublime Text 3
Befolgen Sie die folgenden Schritte, um Sublime Text 3 zu installieren:
| 1. | Rufen Sie die offizielle Website von Sublime Text auf. |
| 2. | Laden Sie die Installationsdatei für Ihr Betriebssystem (Windows, macOS oder Linux) herunter. |
| 3. | Führen Sie die Installationsdatei aus, und folgen Sie den Anweisungen des Installationsassistenten. |
| 4. | Führen Sie nach Abschluss der Installation Sublime Text 3 aus. |
Glückwunsch! Sie haben jetzt Sublime Text 3 installiert und sind bereit, mit dem Erstellen und Bearbeiten Ihrer HTML-Dateien zu beginnen.
Erstellen einer neuen Datei
Befolgen Sie die folgenden Schritte, um eine neue Datei im Sublime Text 3-Editor zu erstellen:
- Öffnen Sie den Sublime Text 3-Editor auf Ihrem Computer.
- Klicken Sie im oberen Bereich auf das Menü "Datei" und wählen Sie die Option "Neue Datei".
- Danach sehen Sie eine neue leere Registerkarte, die Ihre neue Datei darstellt.
- Beginnen Sie mit der Eingabe des Dateiinhalts in diese leere Registerkarte, indem Sie Standard-HTML-Tags zum Erstellen von Markups verwenden.
- Wenn Sie eine Datei auf Ihrem Computer speichern möchten, klicken Sie im oberen Bereich auf das Menü "Datei" und wählen Sie die Option "Speichern".
- Wählen Sie einen Speicherort auf Ihrem Computer aus, um die Datei zu speichern, geben Sie einen Dateinamen ein und wählen Sie eine Erweiterung aus. "html", um es im HTML-Format zu speichern.
- Klicken Sie auf die Schaltfläche "Speichern", um die Datei auf Ihrem Computer zu speichern.
Jetzt haben Sie eine neue HTML-Datei, die Sie in Sublime Text 3 oder einem anderen Code-Editor öffnen und bearbeiten können.
Arbeiten mit HTML-Tags
HTML-Tags sind Elemente, die Inhalte einschließen und dem Browser mitteilen, wie dieser Inhalt angezeigt werden soll. Sie bestehen aus einem öffnenden Tag () und einem schließenden Tag (). Einige Tags haben auch Attribute, die ihre Funktionalität ergänzen.
Schauen wir uns einige grundlegende HTML-Tags an:
- : Dieses Tag wird zum Erstellen von Textabsätzen verwendet. Alle im Tag enthaltenen Textdaten
und darüber hinaus werden sie als Absätze angezeigt.
- : Dieses Tag wird verwendet, um ungeordnete Listen zu erstellen. Alle Listenelemente müssen in einem Tag eingeschlossen sein
-
und jedes Element muss mit einem Tag gekennzeichnet sein
- .
- : Dieses Tag wird verwendet, um geordnete Listen zu erstellen. Alle Listenelemente müssen in einem Tag eingeschlossen sein und jedes Element muss mit einem Tag gekennzeichnet sein
- . Der Browser nummeriert automatisch die Einträge in der Liste.
Dies sind nur einige der vielen möglichen HTML-Tags, die zum Markup von Webseiten verwendet werden können. Als Programmierer ist es wichtig, die grundlegenden HTML-Tags zu kennen und eine Vorstellung von ihren verschiedenen Funktionen zu haben. Mithilfe verschiedener Tag-Kombinationen können Sie eine Vielzahl von Inhalten erstellen und deren Anzeige auf einer Webseite steuern.
Datei speichern und ausführen
Nachdem Sie den gesamten Code für Ihre Webseite in Sublime Text 3 geschrieben haben, müssen Sie ihn im HTML-Format speichern. Führen Sie dazu die folgenden Schritte aus:
Schritt 1:
Drücken File im oberen Menü.
Schritt 2:
Auswählen Save oder verwenden Sie eine Tastenkombination Ctrl + S.
Schritt 3:
Geben Sie einen Dateinamen an und fügen Sie eine Erweiterung hinzu .html am Ende des Dateinamens, zum Beispiel index.html.
Schritt 4:
Wählen Sie den Ordner aus, in dem Sie die Datei speichern möchten.
Schritt 5:
den Knopf drücken Save.
Glückwunsch! Jetzt haben Sie Ihre Webseite im HTML-Format gespeichert.
Um Ihre HTML-Datei in einem Browser zu öffnen und die Ergebnisse zu sehen, gehen Sie wie folgt vor:
Schritt 1:
Gehen Sie zu dem Ordner, in dem Sie die HTML-Datei gespeichert haben.
Schritt 2:
Suchen Sie Ihre HTML-Datei und doppelklicken Sie darauf.
Jetzt sollte Ihre HTML-Datei in Ihrem Browser geöffnet werden und Sie können die Ergebnisse der Webseite sehen.
