Eine Webseite ist ein Dokument zum World Wide Web in einer Hypertext -Markup -Sprache. Diese Sprache besteht aus Hunderten von Elementen, die auch als "bezeichnet" bezeichnet werden "Stichworte”. Während das Cascading Style Sheet mit HTML helfen kann, die HTML -Elemente Styling -Eigenschaften bereitzustellen.

Anfänger kennen die Methode, um eine einfache HTML -Seite zu erstellen und sie auszuführen. Dieses Handbuch zeigt also:

• Voraussetzungen zum Erstellen einer Webseite
• So erstellen Sie eine einfache HTML -Seite?
• So stylen Sie eine einfache HTML -Seite?

Voraussetzungen zum Erstellen einer Webseite

Um eine Webseite zu erstellen, sind die Voraussetzungen:

• Texteditor
• Webbrowser

Texteditor als Voraussetzung für das Erstellen von Webseite

Ein Computer -Softwareprogramm, mit dem Benutzer Text bearbeiten, speichern und drucken können, ist ein Texteditor ist. Mehrere Textredakteure können verwendet werden, um Webprogramme, Webseiten und mehr zu erstellen, wie Visual Studio Code, Sublime Text, Notepad usw. Wenn Sie Anfänger sind, ist Notepad vergleichsweise einfach zu bedienen. Bei großen Projekten ist es jedoch besser, jeden anderen Editor wie Sublime Text oder Visual Studio Code zu verwenden.

Webbrowser als Voraussetzung zum Anzeigen der Webseite

Ein Webbrowser ist eine Software, die Sie überall im Internet führt. Es ruft Informationen ab und zeigt sie auf einem Bildschirm an.

So erstellen Sie eine einfache HTML -Seite?

Lassen Sie uns nun Schritt für Schritt eine einfache HTML-Seite erstellen.

Schritt 1: Erstellen Sie den leeren Ordner
Erstellen Sie zunächst einen leeren Ordner als Repository unseres Projekts:

Schritt 2: Texteditor öffnen
Um HTML -Code zu schreiben, wählen Sie zunächst den Texteditor Ihrer Wahl aus. Zum Beispiel werden wir Notepad ++ verwenden, und sein Arbeitsbereich sieht irgendwie so aus:

Schritt 3: Hinzufügen von HTML -Elementen zum Texteditor
HTML -Elemente werden verwendet, um verschiedene Komponenten des HTML -Dokuments zu konstruieren. Zum Beispiel einen Absatz hinzufügen,

Das Tag wird verwendet, Überschriften -Tags werden als bezeichnet als

,

,

,

,

, Und

. Um ein Bild hinzuzufügen, kann ein Tag verwendet werden. Alle diese Tags werden innerhalb der Start- und Schließen des Stammelements hinzugefügt .

Zum Beispiel haben wir den HTML -Beispielcode in unserer Datei wie folgt hinzugefügt:

Html

Willkommen auf meiner ersten HTML -Seite.

Das folgende Bild zeigt einen Beispielcode, der im Notepad ++ Editor geschrieben wurde:

Schritt 4: Datei speichern
Speichern Sie die HTML -Datei in dem Ordner, den Sie im ersten Schritt erstellt haben, indem Sie auf die “klicken“SpeichernOption wie unten gezeigt:

Infolgedessen werden Sie aufgefordert, den Dateinamen und seinen Typ anzugeben. Danach klicken Sie auf die “SpeichernSchaltfläche wie unten gezeigt:

Schritt 5: Öffnen Sie die Datei mit dem Webbrowser
Um zu sehen, wie die HTML-Datei im Browser angezeigt wird, befolgen Sie die folgenden Schritte:

• Öffnen Sie zunächst den Ordner, in dem die HTML -Datei gespeichert ist.
• Wählen Sie die Datei aus und klicken Sie mit der rechten Maustaste auf die Datei. Infolgedessen wird ein Dropdown-Menü angezeigt.
• Wählen Sie dann das aus “Öffnen mitOption ”und wählen Sie dann den Browser, den Sie zum Öffnen der Webseite verwenden möchten. Zum Beispiel haben wir ausgewählt “Google Chrome”:

Durch Auswahl des Browsers generiert der HTML -Code das Ergebnis wie folgt:

So können wir eine einfache HTML -Seite erstellen. Mit CSS können Sie Stile auf diese HTML -Elemente anwenden.

So stylen Sie eine einfache HTML -Seite?

CSS oder Cascading Style Sheet wird verwendet, um anzugeben, wie die HTML -Elemente im Webbrowser angezeigt werden. Es ermöglicht den Benutzern, mehrere Styling -Eigenschaften auf HTML -Elemente anzuwenden, sodass die Webseite attraktiver und ansprechender aussieht.

Lassen Sie uns nun die oben erstellte HTML-Seite mit Hilfe der CSS-Eigenschaften stylen:

• Fügen Sie zunächst ein Tag im Kopfabschnitt der HTML -Datei hinzu.
• Im Inneren wird H1 verwendet, um auf die zuzugreifen

  Tag, auf dem wir verschiedene Eigenschaften anwenden werden.

• Um die Schriftfarbe hinzuzufügen, verwenden Sie die “Farbe”Eigenschaft und setzen Sie ihren Wert als"Rot”.
• Der "Textausrichtung"Eigenschaftswert wird als" festgelegt "Center”, Was bedeutet, dass die Überschrift in der Mitte angezeigt wird.
• Dann, um die Überschrift zu unterstreichen, die “Textdekoration"Eigenschaft wird als" festgelegt "8PX unterstreichen grau”, Wobei 8px die Breite der Linie darstellt, ist die Dekorationseigenschaft unterstreicht, und Grau ist die Farbe. Benutzer können die Eigenschaftswerte nach ihren Vorlieben festlegen.
• Ebenso werden wir einige Eigenschaften auf die anwenden

  Element auch.

Im Folgenden finden Sie den Code für das oben beschriebene Szenario:

Speichern Sie die Datei und öffnen Sie sie dann im Webbrowser:

Das ist cool! Wir haben gelernt, eine einfache HTML -Seite zu erstellen und sie mit einigen CSS -Eigenschaften zu stylen.

Abschluss

Um eine Website zu entwickeln, müssen Benutzer zunächst die HTML- und CSS -Sprachen lernen, da die HTML -Sprache die Struktur der Webseite bietet, und um die Webseiten zu verschönern, verwenden wir CSS -Eigenschaften. Diese Eigenschaften werden gemäß der Wahl des Benutzers festgelegt. Um eine einfache HTML -Datei zu erstellen, können Sie entweder einen Texteditor oder einen Code -Editor verwenden und der angegebenen Prozedur befolgen. In diesem Handbuch wurde erläutert, wie eine einfache HTML -Seite mit CSS mit Hilfe der praktischen Implementierung erstellt wird.