Top 11 HTML-Tags, die jeder Blogger und Website-Inhaber wissen muss

Das World Wide Web kennt viele Sprachen und ist in mehreren Sprachen codiert. Die eine Sprache, die überall zu finden ist und seit der Erfindung von Webseiten existiert, ist die HyperText Markup Language, besser bekannt als HTML. Wie der Name schon sagt, ist HTML keine Programmierung, sondern eine Markup-Sprache. Die Markierungen werden von Browsern interpretiert, um Inhalte auf Websites zu visualisieren. In seiner einfachsten Form wird HTML verwendet, um Text zu formatieren, Mediendateien einzubetten und Inhalte auf einer Webseite zu organisieren. Mit anderen Worten, HTML beschreibt Webseiten und basierend auf dieser Beschreibung erstellt der Browser ein "Bild"..

Dank der kostenlosen Website-Builder muss sich niemand mehr mit HTML-Code beschäftigen. Gelegentlich können sich HTML-Tags jedoch als nützlich erweisen, z. B. um schnelle Änderungen an einer Website vorzunehmen, Hypertext in einem Kommentar hinzuzufügen oder Text für einen Forumsbeitrag zu formatieren. In diesem Artikel möchte ich Ihnen einige, möglicherweise zufällige, aber auf jeden Fall nützliche und einfache Tags für den täglichen Gebrauch zeigen.

Bevor wir beginnen, möchte ich Ihnen einige grundlegende Regeln vorstellen, die hoffentlich HTML-Tags verständlicher machen:

• HTML verwendet Markup-Tags, die in spitzen Klammern eingeschlossen sind, z.
• Tags, die wie im obigen Beispiel aussehen, werden als Starttags bezeichnet. Jedem Starttag muss zu einem bestimmten Zeitpunkt ein Endtag folgen, beispielsweise:
• Einige Tags beschreiben keinen Inhalt. Um den aktuellen Standards zu entsprechen, müssen sie jedoch noch enden. Daher vereinen sie das Start- und Endetikett wie das folgende:
  

Text formatieren

HTML-Tags sind normalerweise unkompliziert. Die Tags, mit denen Text fett, kursiv oder unterstrichen dargestellt wird, werden vom jeweiligen Wort abgeleitet.

Eingang: Fett gedruckt
Ausgabe: fett

Eingang: kursiv
Ausgabe: kursiv

Eingang: unterstrichen
Ausgabe: unterstrichen

Eingang: Text durchstreichen
Ausgabe: Text durchstreichen

Hypertext erstellen

Einfache URLs können ziemlich hässlich aussehen. Das Hinzufügen des Hyperlinks zu einem Text, d. H. Das Erstellen eines Hypertextes, ist wesentlich stilvoller und spart Platz, insbesondere wenn der Link sehr lang ist.

Eingang: Gebrauch machen von
Ausgabe: Gebrauch machen von

Wie Sie sehen, ist dieses HTML-Tag etwas komplizierter. Sehen wir uns das also genauer an. Das eigentliche Tag ist und die zusätzlichen Elemente sind Attribute, die weitere Merkmale angeben. Das Attribut href = gibt den Link und an title = Definiert den Mouse-Over-Tooltip. Verwenden Sie Anführungszeichen, um den Link und den Titel einzuschließen. Andernfalls erhalten Sie möglicherweise einen defekten Link.

Bilder einbetten

Ein Bild kann mehr als tausend Worte sagen. Wir sollten sie öfter verwenden. Und so können Sie manuell eine mit HTML einfügen:

Eingang:
Ausgabe:

Lassen Sie uns auch dieses Tag analysieren. Das eigentliche Tag ist wieder und die erforderlichen Attribute sind src = und alt =. Ersteres zeigt auf den Ort des Bildes, d. H. Seine URL, und letzteres liefert einen alternativen Text, der angezeigt wird, falls die Anzeige von Bildern blockiert oder die Verknüpfung unterbrochen wird. Verwenden Sie wieder Anführungszeichen, um fehlerhafte Links zu vermeiden.

Das tag ist auch ein Beispiel für ein Tag, das nicht "beendet" werden muss und daher mit dem Vorwärts-Bindestrich im ursprünglichen Tag geschlossen wird, d. h. eher, als .

Pausen & Absätze

Um einen strukturierten Text zu erstellen, müssen Sie Zeilenumbrüche und Absätze verwenden. Und das sind die Tags, die Sie wissen müssen:

Eingang:

Ausgabe: Dieses Tag erstellt einen Zeilenumbruch. Beachten Sie, dass dies ein weiteres Tag ist, das Start- und End-Tag in einem vereint.

Eingang:

Text in Ihrem Absatz.