Wenn Sie Ihre erste Webseite erstellen möchten und nach einem Leitfaden suchen, mit dem Sie Ihre erste grundlegende HTML -Seite erstellen können, sind Sie am richtigen Ort gelandet. Das folgende Tutorial dient als Schritt-für-Schritt-Anleitung zum Erstellen von HTML-Seiten für Anfänger.

Was ist HTML?

Die HTML -Abkürzung der Hypertext -Markup -Sprache ist eine Web -Programmiersprache, mit der Inhalte in einem Webbrowser angezeigt werden. Es besteht aus einer Reihe von Elementen. Diese Elemente werden verwendet, um Ihren Textinhalt, Ihre Bilder und andere Objekte auf der Webseite anzuzeigen und zu strukturieren, z. B. Formulare, Tabellenkalkulationen, Videoclips, Tonclips und andere Anwendungen. Beginnen wir zuerst mit einem einfachen Beispiel.

Dies ist eine Überschrift

Dies ist ein Absatz

Die Anatomie des obigen Beispiels lautet wie folgt.

• ist eine Erklärung eines HTML -Dokuments.
• Es ist bekannt als das Wurzelelement des HTML und schließt alle Inhalte ein.
• Es ist ein Element, das den Inhaltstyp einschließt, der dem Benutzer verborgen ist…
• Wie der Name schon sagt, gibt dieses Element den Namen Ihrer HTML -Seite an.
• Dieses Element dient als Container für den Inhalt, der auf der Webseite angezeigt wird.

• Dieses Element definiert eine Überschrift.

• Dieses Element gibt einen Absatz an.

HTML -Elemente

Im obigen Beispiel werden Sie auf verschiedene HTML -Elemente stoßen. Ein HTML -Element wird durch ein Start -Tag, ein End -Tag und einen Inhalt, der zwischen diesen Tags platziert wird. Zum Beispiel im obigen Beispiel '

Dies ist eine Überschrift

'ist ein Element. Hier

ist das Start -Tag, "Dies ist eine Überschrift" ist der Inhalt und

ist das Schlussetikett.

Eine HTML -Seite besteht aus verschachtelten Elementen. Im obigen Beispiel gibt es fünf HTML -Elemente, die sind , , ,

Und

HTML -Tags

HTML -Tags werden verwendet, um ein HTML -Element zu starten und zu beenden. Tags beginnen mit weniger als '' Zeichen.
Zum Beispiel:

Vergessen Sie nicht, ein Tag zu schließen, sobald es gestartet ist. Verwenden Sie dazu zusätzlich zu den abgewinkelten Klammern einen Vorwärts -Schrägstrich. Hier erfahren Sie, wie es geht

.

Wichtiger Hinweis: Mischen Sie niemals HTML -Elemente mit HTML -Tags. Dies sind beide getrennte Einheiten.

HTML -Attribute

Attribute in HTML werden verwendet, um zusätzliche Informationen zu einem HTML -Element hinzuzufügen. Diese zusätzlichen Informationen werden zum Start -Tag hinzugefügt.

In diesem Beispiel die src Gibt den Ort und das Format des Bildes und das an Alt Attribut enthält eine kurze Beschreibung des Tags img.

HTML -Überschriften

Wir haben bereits das HTML -Überschriftenelement oben besprochen. Lassen Sie uns auf seine Details eintauchen. Diese Überschriften werden durch definiert von

Zu

Tags und 1 bis 6 repräsentieren die Überschriftengröße.

Das Tag wird verwendet, um die größte Überschrift während der Zeit anzugeben

Tag wird verwendet, um die kleinste Überschrift zu leiten.

Zum Beispiel:

Willkommen auf meiner ersten HTML -Seite

Sie können auch verschiedene Stile für Ihre Überschrift zur Verfügung stellen. Zum Beispiel,

Dies ist eine Überschrift

HTML -Absätze

Das HTML -Absatzelement wird durch die angegeben

Dies ist mein erster Absatz. Ich lerne HTML -Grundlagen. Ich möchte eines Tages Webentwickler werden und erstaunliche Websites erstellen.

Jetzt müssen Sie denken, dass es einen Editor geben muss, der zum Erstellen von HTML -Seiten verwendet wird. Hier sind einige Beispiele.

HTML -Redakteure

Hier sind einige der beliebten HTML -Redakteure eingetragen.

Notizblock++

Es ist einer der häufigsten Redakteure, mit denen Webprogrammierer HTML -Seiten entwickeln. Im Folgenden präsentieren wir einige Vor- und Nachteile des Notizblocks++.

Profis

• Es ist ein kostenloser Open-Source-HTML-Editor.
• Es ist leicht und schnell.
• Es hat eine ablenkungsfreie Schnittstelle.
• Es ist flexibel und verfügt über einige bequeme Plug-Ins.
• Es wird von allen Betriebssystemen unterstützt.

Nachteile

• Es ist nur für Windows -Betriebssysteme erstellt.
• Es verfügt über begrenzte Optionen für Codetests.

Erhabener Text

Sublime Texteditor ähnelt Notepad ++, ist aber viel fortgeschrittener. Im Folgenden haben wir einige Vor- und Nachteile des erhabenen Textes erwähnt.

Profis

• Es ist für Windows-, Linux- und Mac -Betriebssysteme verfügbar.
• Es hat eine farbenfrohe Schnittstelle.
• Es ist gut für Anfänger.
• Der Editor enthält Vorschläge, die auf dem vorhandenen Code basieren, während jeder Vorschlag einen Link enthält, der weitere Informationen dazu enthält.
• Es hat auch eine geteilte Bearbeitungsfunktion

Nachteile

• Vollständige Funktionen sind erst nach dem Kauf der Software verfügbar.
• Es kann keine Dokumente oder Code drucken.

Visual Studio -Code

Visual Studio Code alias vs Code ist einer der trendigsten Open-Source-Code-Editoren unter den von Microsoft bereitgestellten Webentwicklern. Es bietet eine integrierte Entwicklungsumgebung (IDE). Im Folgenden finden Sie einige Vor- und Nachteile von Visual Studio Code.

Profis:

• Es ist kompatibel mit Windows, Mac und Linux.
• Es bietet eine automatische Abschlussfunktion.
• Die Benutzeroberfläche ist benutzerfreundlich.
• Es bietet integrierte Debugging-Tools.
• Benutzer können Sprachverlängerungen hinzufügen.

Nachteile

• Es ist ein schweres Softwaresystem.
• Es ist auch ein System mit schwerem Gewicht, das viel Speicherplatz nimmt.

Abschluss

HTML ist eine Standard -Markup -Sprache, die eine Kernvoraussetzung für das Erstellen von Webseiten darstellt. Dieses Tutorial bietet Anfängern eine detaillierte Schritt-für-Schritt-Anleitung zu den Grundlagen von HTML. Es werden HTML -Elemente, Tags, Attribute, Überschriften und Absätze zusammen mit geeigneten Beispielen erörtert. Darüber hinaus führt dieses Tutorial den Leser auch zu verschiedenen beliebten Webeditoren und erwähnt deutlich ihre Vor- und Nachteile.