So erstellen Sie eine einfache Webseite mit Notepad – wikiHow

Inhaltsverzeichnis:

So erstellen Sie eine einfache Webseite mit Notepad – wikiHow
So erstellen Sie eine einfache Webseite mit Notepad – wikiHow

Video: So erstellen Sie eine einfache Webseite mit Notepad – wikiHow

Video: So erstellen Sie eine einfache Webseite mit Notepad – wikiHow
Video: Warum du (k)ein VPN brauchst – TECHfacts 2024, November
Anonim

Täglich greifen wir auf verschiedene Websites zu. Manchmal fragen wir uns jedoch, ob es schwierig ist, eine eigene Website zu erstellen? In diesem Artikel werden Sie angeleitet, eine einfache HTML-Webseite mit Notepad zu erstellen.

Schritt

Methode 1 von 1: Erstellen Sie Ihre eigene Webseite

Erstellen Sie eine einfache Webseite mit Notepad Schritt 1
Erstellen Sie eine einfache Webseite mit Notepad Schritt 1

Schritt 1. Öffnen Sie den Editor

Dieser Texteditor ist ein integriertes Programm, das auf jedem Windows-Computer verfügbar ist und im Startmenü zu finden ist. Nachdem Notepad geöffnet wurde, klicken Sie auf Datei > Speichern unter und wählen Sie dann Alle Dateien in der Spalte Dateityp. Speichern Sie Ihre erstellte Datei im HTML-Format. Im Allgemeinen hat die Hauptseite einer Site den Dateinamen "index.html" und enthält Links zu allen Seiten der Site.

Erstellen Sie eine einfache Webseite mit Notepad Schritt 2
Erstellen Sie eine einfache Webseite mit Notepad Schritt 2

Schritt 2. HTML verstehen

Die Markierung (Tag) in HTML (Hypertext Markup Language) ist in.

Diese Markierungen dienen zum Aufbau Ihrer Website. Verwenden Sie zum Beenden von HTML-Code ein End-Tag, wie z. B.. Die Schlussmarke ist nützlich, um verschiedene Marken zu schließen, z. B. Fett- oder Absatzmarken.

Erstellen Sie eine einfache Webseite mit Notepad Schritt 3
Erstellen Sie eine einfache Webseite mit Notepad Schritt 3

Schritt 3. Starten Sie Ihre Webseite, indem Sie oben in der Datei ein Tag einfügen

Erstellen Sie eine einfache Webseite mit Notepad Schritt 4
Erstellen Sie eine einfache Webseite mit Notepad Schritt 4

Schritt 4. Verwenden Sie Tags, um verschiedene Informationen einzugeben

Markierungen sind nützlich, um den Seitentitel zu setzen, während (optionale) Tags verwendet werden, um eine Erklärung des Inhalts der Webseite einzugeben. Das Schild wird dann von Suchmaschinen wie Google gelesen.

Erstellen Sie eine einfache Webseite mit Notepad Schritt 5
Erstellen Sie eine einfache Webseite mit Notepad Schritt 5

Schritt 5. Nachdem Sie das Tag eingegeben haben, betiteln Sie die Seite mit dem Tag, zum Beispiel wikiHow HTML

Erstellen Sie eine einfache Webseite mit Notepad Schritt 6
Erstellen Sie eine einfache Webseite mit Notepad Schritt 6

Schritt 6. Beenden Sie den Header der Site mit dem Zeichen

Erstellen Sie eine einfache Webseite mit Notepad Schritt 7
Erstellen Sie eine einfache Webseite mit Notepad Schritt 7

Schritt 7. Verwenden Sie Tags, um Seiteninhalte einzugeben

Beachten Sie, dass nicht alle Farben von Browsern unterstützt werden. Dunkelgrau wird beispielsweise möglicherweise nicht unterstützt.

Erstellen Sie eine einfache Webseite mit Notepad Schritt 8
Erstellen Sie eine einfache Webseite mit Notepad Schritt 8

Schritt 8. Schreiben Sie den Inhalt der Webseite zwischen die

Beginnen Sie beispielsweise damit, einen Site-Header zu erstellen. Der Site-Header ist der Teil der Site in großen Buchstaben und ist mit einem Zeichen gekennzeichnet

bis um

. Unterschrift

Sie können einen Site-Header mit der größten Schriftgröße erstellen. Versuchen Sie es mit dem Schild direkt unter dem Schild, wie

Willkommen auf meiner Seite

. Stellen Sie sicher, dass Sie das Schild schließen

am Ende des Satzes.

Erstellen Sie eine einfache Webseite mit Notepad Schritt 9
Erstellen Sie eine einfache Webseite mit Notepad Schritt 9

Schritt 9. Erstellen Sie einen Absatz auf der Seite mit der Markierung

Schreiben Sie zum Beispiel

Absatztest!

Um eine neue Linie zu erstellen, verwenden Sie das Zeichen

oder bricht.

Erstellen Sie eine einfache Webseite mit Notepad Schritt 10
Erstellen Sie eine einfache Webseite mit Notepad Schritt 10

Schritt 10. Sie möchten sicherlich nicht, dass die von Ihnen erstellte Webseite nur Klartext enthält

Verwenden Sie die folgenden Flags, um Text auf Webseiten zu formatieren: Text fett, kursiv und unterstrichen. Nachdem Sie das obige Schild verwendet haben, vergessen Sie nicht, es zu schließen!

Erstellen Sie eine einfache Webseite mit Notepad Schritt 11
Erstellen Sie eine einfache Webseite mit Notepad Schritt 11

Schritt 11. Bild mit Zeichen hinzufügen

Image
Image

um die Seite zu verschönern und Informationen hinzuzufügen, die nicht in Textform erklärt werden können.

Unterschrift

Erstellen Sie eine einfache Webseite mit Notepad Schritt 13
Erstellen Sie eine einfache Webseite mit Notepad Schritt 13

benötigt bestimmte Informationen, um zu funktionieren. Die vollständige Syntax des Zeichens

kann wie folgt geformt sein:.

Der Parameter src im Zeichen dient dazu, den Namen der Bilddatei zu schreiben, und die Breiten- und Höhenfunktion, um die Länge und Breite zu beschreiben.

Schritt 12. Erstellen Sie mit einem einen Link, der zu einer anderen Seite führt, zum Beispiel Andere Seite

Der Text in der Mitte der Markierung ist der Text, der auf der Seite angezeigt wird, während der href-Parameter die Zielseite enthält. Mit Links können Besucher ganz einfach zu verschiedenen Seiten Ihrer Website wechseln.

Schritt 13. Wenn Sie mit dem Ausfüllen der Site fertig sind, beenden Sie die Seite, indem Sie die

Schließen Sie abschließend den HTML-Code mit

Erstellen Sie eine einfache Webseite mit Notepad Schritt 14
Erstellen Sie eine einfache Webseite mit Notepad Schritt 14

Schritt 14. Speichern Sie Ihre erstellte Webseite mit der Erweiterung.html und öffnen Sie sie in Ihrem bevorzugten Browser, um sie zu testen

Erstellen Sie eine einfache Webseite mit Notepad Schritt 15
Erstellen Sie eine einfache Webseite mit Notepad Schritt 15

Schritt 15. Lesen Sie die folgende Anleitung, um Ihre Website ins Internet hochzuladen

Tipps

  • Im Internet gibt es verschiedene Seiten, die Anleitungen zum Erstellen einer Website enthalten. W3school ist eine Seite mit gutem Material.
  • Stellen Sie sicher, dass Sie jedes Tag in der HTML-Datei schließen.
  • Setzen Sie eine Markierung in die erste Zeile der Datei, vor der. Dieses Flag zeigt an, dass es sich bei der Datei, die Sie erstellen, um eine HTML5-Datei handelt.
  • Ändern Sie die Schriftart mit den Vorher- und Nachher-Markierungen. Ersetzen Sie "N" durch die gewünschte Schriftart, zum Beispiel "Verdana".
  • Wenn Sie spitze Klammern verwenden müssen, verwenden Sie den Code. Verwenden Sie in der Zwischenzeit den Code &, um das &-Zeichen zu verwenden.
  • Laut HTML-Tutorials sollten Sie Webdateien und -ordner immer in Kleinbuchstaben ohne Leerzeichen und Satzzeichen benennen. Während Windows es Ihnen erlaubt, Leerzeichen in Dateinamen einzufügen, tun dies viele Hosting-Anbieter nicht. Außerdem erleichtert Ihnen ein übersichtlicher Dateiname die Verwaltung Ihrer Site.

Empfohlen: