HTML HyperText Markup Language (HyperText Markup Language) ist eine standardmäßige Web-Markup-Sprache, die zum Erstellen und Strukturieren von Inhalten im Internet verwendet wird. Das Erstellen einer HTML-Datei ist der erste Schritt zum Erstellen einer Webseite.
Obwohl HTML auf den ersten Blick kompliziert erscheinen mag, wird in diesem Leitfaden beschrieben, wie man eine HTML-Datei mit einfachen Schritten erstellt. Selbst wenn Sie neu in der Programmierung sind, können Sie Ihre erste HTML-Datei in wenigen Minuten erstellen.
Schritt 1: Öffnen Sie einen beliebigen Texteditor auf Ihrem Computer. Zum Beispiel Notizbuch oder Sublime Text.
Schritt 2: Beginnen Sie in der neuen Datei mit einer HTML-Deklaration. Geben Sie das Tag ein . Dieses Tag teilt dem Browser mit, dass die Webseite in HTML5 geschrieben ist.
Schritt 3: Fügen Sie öffnende und schließende Tags hinzu . Zwischen diesen Tags wird der Inhalt Ihrer Webseite angezeigt.
Schritt 4: Fügen Sie innerhalb der Tags öffnende und schließende Tags hinzu . Innerhalb dieser Tags können Sie Metadaten wie den Seitentitel, CSS-Stile und andere sehr wichtige Elemente platzieren.
Schritt 5: Fügen Sie innerhalb der Tags öffnende und schließende Tags hinzu . Innerhalb dieser Tags müssen Sie den Titel Ihrer Webseite angeben, der oben in Ihrem Browserfenster angezeigt wird.
Schritt 6: Fügen Sie nach den Tags die öffnenden und schließenden Tags hinzu . Innerhalb dieser Tags befinden sich der Inhalt Ihrer Webseite, z. B. Texte, Bilder und andere Elemente.
Glückwunsch! Sie haben gerade Ihre erste HTML-Datei erstellt. Speichern Sie es mit der Erweiterung .html und in einem beliebigen Browser öffnen, um das Ergebnis zu sehen. Jetzt können Sie Ihre Webseite weiter entwickeln, indem Sie Elemente und Stile hinzufügen, um einzigartige und interessante Inhalte zu erstellen.
Vorbereitung auf die Erstellung
Bevor Sie mit der Erstellung einer HTML-Datei beginnen, müssen Sie einige vorläufige Schritte ausführen:
1. Definieren Sie die Hauptstruktur und den Inhalt Ihrer HTML-Datei. Überlegen Sie, welche Elemente und Abschnitte in Ihr Dokument aufgenommen werden.
2. Erfinden Sie einen Namen für Ihre HTML-Datei. Normalerweise spiegelt der Dateiname den Inhalt oder das Hauptthema der Datei wider.
3. Erstellen Sie einen Ordner auf Ihrem Computer, um die HTML-Datei und die damit verbundenen Ressourcen wie Bilder oder Stile zu speichern.
4. Öffnen Sie einen Texteditor oder eine spezielle HTML-Bearbeitungssoftware.
5. Erstellen Sie eine neue Datei und speichern Sie sie mit der Erweiterung. "html", um den Dateinamen nach dem Punkt anzugeben. Zum Beispiel "index.html" oder "mywebsite.html".
Sie sind bereit, mit der Erstellung einer HTML-Datei zu beginnen! Jetzt können Sie mit dem Hinzufügen von Elementen und Stilen beginnen, die Ihren Inhalt im Browser anzeigen.
Auswahl des Editors
Die Auswahl des richtigen Editors zum Erstellen einer HTML-Datei spielt eine wichtige Rolle im Entwicklungsprozess. Editoren bieten praktische Tools und Funktionen zum Verwalten von Code, zur automatischen Vervollständigung, zur Syntaxhervorhebung und mehr.
Wenn Sie neu in der Webentwicklung sind, wird empfohlen, einfache und intuitive Editoren wie Sublime Text, Visual Studio Code oder Atom zu verwenden. Sie haben eine breite Gemeinschaft mit wichtigen Unterlagen und zugänglichem Arbeitsraum.
Fortgeschrittene Entwickler können spezialisierte Editoren wie Vim oder Emacs verwenden, die über viele leistungsstarke Funktionen und anpassbare Optionen verfügen.
Die Hauptregel bei der Auswahl eines Editors ist jedoch, einen zu wählen, mit dem Sie bequem arbeiten können. Letztendlich ist ein Editor ein Werkzeug, das für Sie bequem sein und Ihre Arbeit beschleunigen sollte. Probieren Sie mehrere Editoren aus und wählen Sie diejenige aus, die Ihren Bedürfnissen und Ihrem Arbeitsstil am besten entspricht.
Erstellen einer neuen Datei
Um eine neue HTML-Datei zu erstellen, öffnen Sie einen Texteditor wie Notepad oder einen anderen Codeeditor.
Speichern Sie dann die Datei mit der Erweiterung .html. Zum Beispiel, index.html.
Erweiterung .html gibt an, dass es sich um eine Webseitendatei handelt und vom Browser angezeigt wird.
Es wird empfohlen, einen neuen Ordner zum Speichern aller Projektdateien zu erstellen, damit Sie den Code und die Dateistruktur leicht navigieren können.
Um einen neuen Ordner zu erstellen, klicken Sie mit der rechten Maustaste im Explorer-Fenster und wählen Sie Ordner erstellen.
Nachdem Sie den Ordner erstellt haben, öffnen Sie ihn und erstellen Sie eine neue Datei mit der Erweiterung .html darin.
Das ist alles! Jetzt haben Sie die Grundlage, um eine neue Webseite zu erstellen.
Grundlegende HTML-Tags
:
sie können beliebigen Text oder andere HTML-Elemente eingeben.
-
: Dieses Tag wird verwendet, um eine ungeordnete Liste zu erstellen. Es erstellt eine Aufzählungsliste, in der jedes Element durch einen Aufzählungszeichen gekennzeichnet ist.
-
: Dieses Tag wird verwendet, um eine geordnete Liste zu erstellen. Es erstellt eine nummerierte Liste, in der jedes Element nummeriert ist.
-
oder
. Jedes Listenelement muss in einem Tag eingeschlossen werden
.
Hinzufügen von Text
Verwenden Sie ein Tag, um Text zu einer Webseite in einer HTML-Datei hinzuzufügen
. Dieses Tag bezeichnet einen Absatz.
Hier ist ein Beispiel für die Verwendung des Tags
:
Это пример абзаца.
Innerhalb des Tags
sie können einen beliebigen Text hinzufügen, der auf einer Webseite angezeigt wird. Zum Beispiel:
Привет, мир!
Sie können beliebig viele Absätze zu einer Seite hinzufügen, um den Inhalt zu strukturieren und für den Leser verständlicher zu machen. Beispiel für die mehrfache Verwendung eines Tags
:
Это первый абзац.
Это второй абзац.
Это третий абзац.
In der Ausgabe erhalten Sie drei separate Absätze, die auf einer Webseite untereinander angezeigt werden.
Jetzt wissen Sie, wie Sie Text mit HTML zu einer Webseite hinzufügen können!
Header-Markup
Überschriften in HTML werden verwendet, um wichtige Abschnitte und Unterabschnitte eines Dokuments hervorzuheben. Sie helfen dabei, Informationen zu organisieren und den Text für den Leser verständlicher zu machen.
Es gibt sechs Ebenen von Überschriften in HTML, die mit Tags versehen sind - . Je kleiner die Nummer der Überschriftenebene ist, desto geringer ist ihre Bedeutung.
Hier ist ein Beispiel für die Verwendung von Kopfzeilen:
| Kennung | Die Beschreibung |
|---|---|
| Die höchste Überschriftenebene, die normalerweise für den Haupttitel eines Dokuments oder einer Seite verwendet wird | |
| Die für Abschnitte eines Dokuments oder einer Seite verwendete Überschriftenebene | |
| Die für Unterabschnitte eines Dokuments oder einer Seite verwendete Überschriftenebene | |
| Die für Unterabschnitte von Unterabschnitten eines Dokuments oder einer Seite verwendete Überschriftenebene | |
| Die für Unterabschnitte von Unterabschnitten in Unterabschnitten eines Dokuments oder einer Seite verwendete Überschriftenebene | |
| Die kleinste Überschriftenebene, die für den kleinsten Abschnitt eines Dokuments oder einer Seite verwendet wird |
Platzieren Sie die Überschriften in der richtigen Reihenfolge, beginnend mit und endend , um eine logische Struktur und Lesbarkeit des Dokuments oder der Seite zu gewährleisten.
Hinzufügen von Bildern
Schritt 1: Speichern Sie das Bild, das Sie Ihrer HTML-Datei hinzufügen möchten, auf Ihrem Computer.
Schritt 2: Erstellen Sie einen Ordner mit dem Namen "images" (ohne Anführungszeichen) im selben Verzeichnis, in dem sich Ihre HTML-Datei befindet.
Schritt 3: Verschieben Sie das gespeicherte Bild in den Ordner "images".
Schritt 4: Öffnen Sie Ihre HTML-Datei in einem Texteditor und suchen Sie nach dem Ort, an dem Sie das Bild hinzufügen möchten.
Schritt 5: Fügen Sie den folgenden Code an der gewünschten Stelle in der Datei ein:
Anmerkung: Ersetzen Sie "Bildname" durch den Dateinamen Ihres Bildes und "Erweiterung" durch seine Erweiterung (z. B. jpg, png, gif).
Schritt 6: Speichern und schließen Sie Ihre HTML-Datei.
Schritt 7: Öffnen Sie Ihre HTML-Datei in einem beliebigen Webbrowser und stellen Sie sicher, dass das Bild korrekt angezeigt wird.
Glückwunsch! Sie haben erfolgreich ein Bild zu Ihrer HTML-Datei hinzugefügt!
Speichern und Validieren einer HTML-Datei
Nachdem Sie Ihre HTML-Datei erstellt haben, müssen Sie sie speichern. Führen Sie dazu die folgenden Schritte aus:
Schritt 1: Klicken Sie auf die Schaltfläche "Datei" in der oberen linken Ecke des Programms.
Schritt 2: Wählen Sie im Dropdown-Menü "Speichern unter" aus.
Schritt 3: Es wird ein Dialogfeld angezeigt, in dem Sie den Speicherort und den Dateinamen auswählen müssen.
Schritt 4: Geben Sie den gewünschten Dateinamen mit der Erweiterung "ein.html". Zum Beispiel "index.html".
Schritt 5: Klicken Sie auf die Schaltfläche Speichern.
Jetzt ist Ihre HTML-Datei auf Ihrem Computer gespeichert. Sie können es in einem beliebigen Texteditor oder Webbrowser zur Überprüfung öffnen.
Um zu überprüfen, ob Ihre HTML-Datei korrekt erstellt wurde, können Sie sie in einem Webbrowser öffnen. Führen Sie dazu die folgenden Schritte aus:
Schritt 1: Starten Sie einen Webbrowser (z. B. Google Chrome, Mozilla Firefox oder Internet Explorer).
Schritt 2: Klicken Sie im oberen Bereich des Browsers auf die Schaltfläche "Datei".
Schritt 3: Wählen Sie im Dropdown-Menü die Option "Datei öffnen".
Schritt 4: Wählen Sie im Dialogfeld die zuvor gespeicherte HTML-Datei aus.
Schritt 5: Klicken Sie auf die Schaltfläche Öffnen.
Ein Webbrowser öffnet Ihre HTML-Datei und zeigt ihren Inhalt an. Wenn Sie nur Text, keine Formatierung oder Bilder sehen, bedeutet dies, dass Ihre HTML-Datei korrekt erstellt wurde.
Viel Glück beim Erstellen und Validieren Ihrer HTML-Datei!
