HTML ist die primäre Markup-Sprache für Webseiten, daher wird die Kenntnis der grundlegenden Prinzipien und die Fähigkeit, HTML mit ihrer Website zu verbinden, als eine notwendige Fähigkeit für Webentwickler und Website-Ersteller angesehen. In diesem Artikel werden wir eine schrittweise Anleitung zum Verbinden von HTML mit Ihrer Website erstellen.
Der erste Schritt besteht darin, eine neue Datei mit der Erweiterung zu erstellen .html. Sie können dafür einen beliebigen Texteditor verwenden, z. B. Notepad oder Sublime Text. In der neuen Datei müssen Sie die grundlegende Struktur des HTML-Dokuments schreiben.
Zunächst müssen Sie ein Tag öffnen, das dem Browser anzeigt, dass es sich bei der Datei um ein HTML5-Dokument handelt. Danach öffnen Sie das Tag - den Hauptcontainer für den gesamten Inhalt der Webseite. Schließen Sie das Tag am Ende der Datei.
Als nächstes können Sie den Seitentitel mit einem Tag und einem Tag definieren . Der Seitentitel wird oben im Browserfenster angezeigt. Schließen Sie die Tags und .
Vorbereiten der HTML-Verbindung zu einer Website
Bevor Sie mit dem Verbinden von HTML mit Ihrer Website beginnen, müssen Sie einige vorbereitende Schritte ausführen.
1. Erstellen Sie eine grundlegende Websitestruktur. Wählen Sie den Ordner aus, in dem alle Dateien Ihrer Website gespeichert werden sollen, und erstellen Sie eine Datei mit der Erweiterung darin .html . Benennen Sie es als primäre und leere Datei, z. B. index.html .
2. Entwickeln Sie das Design Ihrer Website. Legen Sie vorab fest, welche Elemente auf Ihrer Website vorhanden sein sollen, und erstellen Sie die entsprechenden Abschnitte und Designelemente.
3. Erstellen Sie eine HTML-Struktur für jede Seite Ihrer Website. Erstellen Sie für jede Seite eine separate Datei mit der Erweiterung .html und definieren Sie seine Struktur, einschließlich Überschriften, Absätze, Listen und anderer notwendiger Elemente.
4. Bereiten Sie die Bilder vor, die Sie auf Ihrer Website verwenden möchten. Optimieren Sie ihre Größe und ihr Format, um das Laden der Website zu beschleunigen.
5. Erstellen Sie eine CSS-Datei für die Stile Ihrer Website. Definieren Sie darin die Stilisierung Ihrer Designelemente mithilfe von CSS-Selektoren und -Eigenschaften.
Nachdem Sie alle diese Schritte ausgeführt haben, sind Sie bereit, den HTML-Code mit Ihrer Website zu verbinden und ihn endgültig zu entwickeln.
Erstellen einer HTML-Datei
Sie benötigen einen Texteditor, um mit der Erstellung der HTML-Datei zu beginnen. Sie können einen beliebigen Code-Editor wie Sublime Text, Atom oder Notepad++ verwenden. Öffnen Sie den Editor und erstellen Sie eine neue Datei.
Die erste Zeile in der HTML-Datei muss ein Tag enthalten, um dem Browser anzuzeigen, dass es sich um ein HTML-Dokument handelt.
Fügen Sie dann ein öffnendes und schließendes Tag hinzu, das den Anfang und das Ende des HTML-Dokuments anzeigt.
Erstellen Sie innerhalb des Tags ein Tag . Sie können Metadaten wie den Dokumenttitel, Verweise auf CSS-Stile oder JavaScript-Skripte innerhalb dieses Tags hinzufügen.
Fügen Sie nach dem Tag ein öffnendes und schließendes Tag hinzu . Hier werden Sie den gesamten Inhalt der Webseite hosten.
Sie können Text, Bilder und andere Elemente einer Webseite zu einem Tag hinzufügen. Sie können beispielsweise Tags verwenden, um Absätze hinzuzufügen, Text fett zu markieren und Text kursiv zu markieren.
Nachdem Sie die HTML-Datei erstellt haben, speichern Sie sie mit der Erweiterung ".html".
Hosten der HTML-Datei auf dem Server
Um die HTML-Datei auf dem Server zu hosten, benötigen Sie Zugriff auf den Server und die entsprechenden Berechtigungen. Verwenden Sie die folgenden Schritte:
- Greifen Sie auf den Dateimanager Ihres Servers zu oder verwenden Sie einen FTP-Client, um eine Verbindung zum Server herzustellen.
- Öffnen Sie das Verzeichnis, in dem Sie Ihre HTML-Datei platzieren möchten.
- Wenn Sie ein neues Verzeichnis zum Hosten einer HTML-Datei benötigen, erstellen Sie es mit dem Befehl Verzeichnis erstellen oder einem ähnlichen Befehl im FTP-Client.
- Laden Sie Ihre HTML-Datei auf den Server hoch. Dazu können Sie es in das FTP-Clientfenster ziehen oder den Befehl Datei hochladen oder einen ähnlichen Befehl im Dateimanager verwenden.
- Stellen Sie sicher, dass Ihre HTML-Datei den richtigen Namen und die richtige Erweiterung (.html oder .htm).
Nach Abschluss dieser Schritte wird Ihre HTML-Datei auf dem Server gehostet und unter der entsprechenden URL verfügbar gemacht. Sie können es überprüfen, indem Sie es in einem Webbrowser öffnen.
Link zu einer HTML-Datei mit einer Website-Seite
Hier ist ein Beispielcode, der einen Verweis auf eine HTML-Datei erstellt:
- Innerhalb des Tags "a" wird das Attribut "href" angegeben, das den Pfad zur HTML-Datei angibt. Zum Beispiel, wenn die HTML-Datei "about.html" und befindet sich im selben Ordner wie die Datei, in der sich der Link befindet, wird der Pfad folgendermaßen aussehen: Über das Unternehmen .
- Zwischen dem öffnenden und dem schließenden Tag "a" wird der Linktext angegeben, der auf der Seite angezeigt wird. Zum Beispiel: Über das Unternehmen .
Nachdem Sie diesen Code hinzugefügt haben, wird auf Ihrer Website ein Link "Über das Unternehmen" angezeigt, auf den der Benutzer beim Klicken auf die Seite "about" weitergeleitet wird.html".
Wenn Sie einen Link zu einer anderen Seite Ihrer Website hinzufügen müssen, stellen Sie sicher, dass die Datei erstellt wurde und sich im richtigen Ordner befindet und dass der Dateipfad im Attribut "href" korrekt angegeben ist.
