So erstellen Sie eine HTML-Webseite in Notepad

Seit 1993 begann etwas, das unser tägliches Leben grundlegend verändern sollte, und das war die Einführung des Mosaic-Browsers, der zu dem führte, was wir heute als Webseiten kennen. Warum wir sagen, dass dies unser Leben verändert, ist einfach, da wir heute mehr als 1.100 Millionen Webseiten mit allen möglichen Informationen, Designs, Strukturen, Sprachen und mehr finden.

Natürlich gibt es professionelle, fortgeschrittene und andere Amateur-Webseiten, aber sie alle haben den Zweck, den Besuchern irgendeine Art von Informationen zur Verfügung zu stellen. Wenn Sie also wissen möchten, wie Sie heute eine Webseite erstellen, erklärt Solvetic auf einfache Weise, wie es geht, wobei Notepad und HTML als Programmiersprache verwendet werden.

HTML (HyperText Markup Language) ist eine Programmiersprache, die die dynamische Entwicklung von Webseiten mit großartigen Bearbeitungsfunktionen ermöglicht.

1. So erstellen Sie eine Webseite in Notepad

Schritt 1
Um auf den Notizblock zuzugreifen, können wir eine der folgenden Optionen verwenden:

  • Verwenden Sie die Tasten Windows + R und führen Sie den Befehl "Notepad" aus
  • Verwenden Sie Cortana oder das Suchfeld von Windows 10.

Schritt 2
Sobald wir den Notizblock öffnen, gehen wir zum Dateimenü und wählen dort "Speichern unter" oder wir können die Tasten Strg + Umschalt + S verwenden:

Strg + Umschalt + S

Schritt 3
Wenn wir dort klicken, gehen wir zu dem Pfad, in dem es gespeichert werden muss, und sehen standardmäßig Folgendes:

Schritt 4
Als Notizblock sehen wir, dass der Standardwert .txt ist. Um dies zu bearbeiten, zeigen wir die Optionen im Feld Typ an und wählen "Alle Dateien". Wir vergeben den Namen der Datei gefolgt von der Erweiterung .html:

Klicken Sie auf „Speichern“, um die Änderungen zu übernehmen.

2. Siehe Website-Struktur

Schritt 1
Sobald wir die Datei mit der Erweiterung .hmtl gespeichert haben, können Sie mit der Bearbeitung fortfahren, indem Sie das HTML-Sprach-Tag für die Webseite hinzufügen. Dazu tragen wir folgendes ein:

 

Schritt 2
Jetzt fügen wir die Header-Tags oder "Heads" hinzu. Der Zweck dieser Tags besteht darin, den Anfang und das Ende des Titels der zu erstellenden Seite zu markieren. Dazu schreiben wir nach dem Label "", drücken zweimal die Eingabetaste, um ein Leerzeichen zu lassen und schreiben dann erneut:

Schritt 3
Der nächste Schritt besteht darin, den Titel der Webseite hinzuzufügen, dieser Titel befindet sich zwischen den ""-Tags und geht wie folgt unter die "head"-Tags. Der zugewiesene Titel ist der, den wir im Browser-Tab sehen.

Schritt 4
Es ist an der Zeit, die "body"-Tags hinzuzufügen, die unter dem Tag stehen, und die Funktion von body besteht darin, dem Code der Webseite zu ermöglichen, zwischen diesen Tags zu wechseln und für den Benutzer sichtbar zu sein:

 

Schritt 5
Der nächste Schritt besteht darin, das HTML-Sprach-Tag zu schließen. Dies ist das letzte Tag in der Datei und es ist ein HTML-Tag, das das Ende der Seite anzeigt. Dazu schreiben wir unter das ""-Tag, um das HTML-Tag zu schließen:

Wir speichern die Änderungen mit den Tasten Strg + G oder über das Menü Datei / Speichern.

Schritt 6
Es ist an der Zeit, die Elemente der laufenden Webseite hinzuzufügen. Alle diese Elemente müssen nach dem ""-Tag und vor dem ""-Tag stehen, damit sie sichtbar sind.

Das erste hinzuzufügende Element ist die Hauptüberschrift der Webseite, dazu geben wir zwischen den ""-Tags und den gewünschten Text zwischen ein:

Mit dieser HTML-Sprache können wir die Tags "" bis ""um den Kopfzeilentext mit kleineren Abmessungen zu erstellen.

Schritt 7
Als nächstes werden wir der Webseite Absätze hinzufügen, die Absatz-Tags sind "" und dazwischen geben wir den Text der Site ein:

Solvetic Internet, der Treffpunkt für Profis und Technikliebhaber

VERGRÖSSERN

Schritt 8
Um einen Absatzumbruch auf der Seite hinzuzufügen, müssen wir eingeben
nach dem schließenden Tag der Zeile haben wir zum Beispiel hinzugefügt:

Solvetic Internet, der Treffpunkt für Profis und Technikliebhaber

n

Eine Community, die Sie mehr als einmal überraschen und Ihnen helfen wird

VERGRÖSSERN

NotizWir können ein Tag hinzufügen "
Zusätzlich "um einen Abstand zwischen dem ersten Absatz und dem zweiten zu schaffen.

Schritt 9
Jetzt ist es an der Zeit, den eingegebenen Text wie fett, kursiv, hochgestellt, tiefgestellt oder unterstrichen zu formatieren. Die verfügbaren Beschriftungen sind:

  Fetter Text   Kursiver Text  Unterstrichener Text  Hochgestellter Text   Tiefgestellter Text 

VERGRÖSSERN

3. So validieren Sie eine Webseite

Schritt 1
Um zu überprüfen, ob alles wie erwartet funktioniert, gehen wir zu dem Pfad, in dem die HTML-Datei gespeichert wurde, klicken mit der rechten Maustaste darauf und wählen Öffnen mit und wählen den gewünschten Browser:

Schritt 2
Wenn Sie dort klicken, sehen wir die von uns erstellte Struktur:

VERGRÖSSERN

So einfach haben Sie gelernt, mit Solvetic eine Webseite in Notepad zu erstellen und so ein grundlegendes Web für mehrere Aufgaben zu erstellen, die Sie möglicherweise benötigen.

Sie werden die Entwicklung der Website helfen, die Seite mit Ihren Freunden teilen

wave wave wave wave wave