Eine HTML -Dokument (Hypertext Markup Language) bildet die strukturelle Grundlage einer Webseite, indem die Inhaltsschicht bereitgestellt wird. Hypertext kann jeder Text sein, der auf dem Bildschirm angezeigt werden kann und Links zu einem anderen Text enthält. Websites zum Beispiel haben unzählige Dokumente über Hyperlinks miteinander verknüpft.

Die Markup -Sprache bietet dem Text in einem Dokument eine Bedeutung, indem die Struktur und das Format dieses Textes beschrieben werden. Darüber hinaus wird die Formatierung und Strukturierung des Textes eines HTML -Dokuments von Tags unterstützt.

Wenn Sie Ihre eigene Website, Webanwendung erstellen oder wissen, wie Sie andere Websites und Apps bearbeiten, müssen Sie verstehen, was HTML ist? Um den oben genannten Zweck zu erfüllen, bietet dieser Beitrag reichhaltige Inhalte, um die Grundlagen von HTML zu erhalten.

HTML -Elemente

HTML -Dokumente bestehen aus Elementen, und ein Element in HTML besteht aus den folgenden Objekten:

Text

Die und definieren Sie die Eigenschaft des Textes in diesen Tags. Zum Beispiel der Text (LinuxHint) Zwischen den Tags geschrieben

Und

wird als Überschrift 1 angesehen.

Für Absätze kann man Tags verwenden

Und

. Es wird jedoch beobachtet, dass mehrere HTML
, und werden als bezeichnet als leer Elemente.

Nur wenige häufig verwendete HTML -Elemente werden hier beschrieben, die verschiedene Funktionen für eine HTML -Seite erstellen:

• Textüberschrift: Die Tags

  ,

  ,

  …

  werden für Textüberschriften verschiedener Größen verwendet.

• Abschnitt/Abteilung: Ein Abschnitt oder eine Abteilung wird durch Verwendung von Tag definiert. Diese Abteilungen werden auch als Container bezeichnet, und ein einzelner Container kann mehrere Behälter enthalten.
• Absatz: Jeder Text zwischen

  Und

  wird als Absatz betrachtet.
• Verknüpfung: Um einen Link in ein HTML -Dokument einzubetten, werden Anchor -Tags () verwendet.
• Elemente auflisten: Der Tag wird geübt, um die Elemente aufzulisten. Außerdem die
  Und
  Tags werden verwendet, um die Elemente in einer geordneten bzw. ungeordneten Liste zu ordnen.
  • Bild: Zur Einführung eines Bildes wird das Tag verwendet.

  HTML -Attribute

  Die Funktionalität von HTML -Elementen kann durch Verwendung von Attributen erweitert werden. Die Attribute werden im Start -Tag definiert und leiten das HTML -Element so, dass die spezifische Eigenschaft auf dem Inhalt dieses Tags durchgeführt wird. Zum Beispiel enthält ein Anker -Tag in HTML ein Attribut href Dies erstellt einen Link zu dem Inhalt, der in diesem Tag geschrieben wurde. Lass es uns versuchen:

  Das folgende Anker -Tag () enthält den Text “LinuxHint" und das href Das Attribut erstellt den Link von Index.html auf diesem Text.

  Darüber hinaus können Sie mit den Attributen mehrere Stylingeigenschaften eines Elements angeben. Das Style -Attribut des HTML kann verwendet werden, um Farben, Schriftstil und Schriftgröße eines Elements anzugeben. Die Benutzer können die Dimensionen eines Bildes in einschränken Element mit der Verwendung der Breite Und Höhe Attribute. Der Klasse Das Attribut eines Elements ermöglicht es Ihnen, die Eigenschaft einer CSS -Klasse zu verwenden.

  HTML -Redakteure

  Der HTML -Editor spielt eine wichtige Rolle bei der Entwicklung eines HTML -Dokuments. Obwohl die Grundlagen von HTML -Dokumenten stark auf die Elemente beruhen. Diese Elemente werden jedoch mit einem Editor strukturiert. In diesem Abschnitt werden verschiedene am häufigsten verwendete HTML -Redakteure aufgeführt:

  Visual Studio -Code

  Der Visual Studio-Code bietet eine umfangreiche Reihe von Funktionen für die Bearbeitung und Neudefinition von Quellcode von webbasierten/cloud-basierten Anwendungen. Es wurde von Microsoft entwickelt und verfügt über eine Open-Source-Zugänglichkeit, daher bietet es auch Linux-Unterstützung.

  Wysiwyg Web Builder

  Das Wysiwyg steht für WHut YOU SEE ICHS WHut YOU GET, und wie der Name leitet, zeigt es die Ausgabe der Laufzeitbearbeitung an. Dieses Tool unterstützt die neueste Version von HTML5 und einige frühere Veröffentlichungen auch.

  Erhabener Text

  Mit diesem Tool können Sie ein HTML-Dokument mit einer fertigen Struktur erstellen. Sobald Sie eine erhaben .html oder .HTM -Erweiterung erhalten Sie die gesamte Struktur der Seite, wie im Bild unten gezeigt:

  Notizblock++

  Notepad ++ ist ein weiterer HTML -Builder, mit dem Sie eine Seite mit den HTML -Elementen erstellen können. Wenn eine Notepad ++ -Datei mit gespeichert wird mit .htm oder .html Erweiterung wird Sie dazu veranlassen, korrekte HTML -Elemente zu verwenden.

  Darüber hinaus sind auch mehrere andere Tools wie Syntax Highlighter, automatische Vervollständigung, Debugging und Codevalidierung verfügbar.

  Wie HTML -Dokumente entwickelt werden

  Das HTML -Dokument umfasst disziplinierte Elemente, um sinnvolle Inhalte zu erhalten. Diese Elemente werden mit einem HTML -Editor strukturiert. Hier verwenden wir Sublime Text 4 als HTML -Editor:

  Sie können die unten angegebenen Schritte befolgen, um eine einfache HTML -Seite zu erstellen:

  Schritt 1: Öffnen Sie den erhabenen Texteditor und speichern Sie die Datei mithilfe .html, .xhtml, .shtml oder.HTM -Erweiterung.

  Schritt 2: Schreiben Sie in den Textbearbeitungsbereich und drücken Sie die Eingabetaste. Die Zeit, in der Sie Eingabetaste drücken, wird eine grundlegende Struktur des HTML -Dokuments standardmäßig erstellt, wie unten gezeigt:

  Das obige Bild repräsentiert die erforderlichen Elemente eines HTML -Dokuments. Darüber hinaus verschönern verschiedene Elemente und ihre Attribute die Schnittstelle der Seite und erfüllen die Anforderungen eines Benutzers.

  Abschluss

  HTML ist eine Sprache, die die Formatierung und Strukturierung von Text für eine Webseite anbietet. Dieser Artikel enthält einen informativen und umfassenden Leitfaden zu HTML. Sie haben von den Bausteinen von HTML -Dokumenten erfahren. Darüber hinaus haben wir Links zu mehreren Bearbeitungswerkzeugen bereitgestellt, mit denen Sie HTML -Seiten erstellen können.