HTML steht für Hypertext Markup Language, und Dokumente, die diese Sprache verwenden, erstellen Webseiten. Jede Website verwendet dies, daher ist es wichtig zu verstehen, wie es funktioniert.
In diesem Tutorial-Artikel erfährst du alles, was du wissen musst HTML.
Was ist der Erklärung?
Die Deklaration ist die erste Codezeile in jedem HTML Datei. Es teilt Webbrowsern mit, welche Version von HTML befindet sich in einer bestimmten Datei.
Jede Version von HTML ist einzigartig und hat seine eigenen Regeln. HTML5 ist die neueste Version der Sprache. Es ist die empfohlene Version für Entwickler und die am einfachsten zu deklarierende Version. Um eine zu erklären HTML5 Dokument, fügen Sie einfach das HTML Element zum Erklärung.
Sie können ein Beispiel unten sehen:
Was ist der Schild?
In jedem HTML Dokument, das Erklärung folgt die Schild. Dieses Tag identifiziert die Wurzel des Dokuments und umschließt die und Stichworte.
Die -Tag ist der erste Abschnitt und enthält die
In einem HTML-Dokument befindet sich nur ein
Unten sehen Sie ein Beispiel für ein Title-Tag:
Eine Einführung in HTML
Ein HTML Datei mit der Das obige -Tag wird im Tab-Bereich von Browsern als "Eine Einführung in HTML" angezeigt.
Das Tag beschreibt den Inhalt einer Webseite und hat im Allgemeinen einen Namen und ein Inhaltsattribut. Drei der beliebtesten Arten von -Tags sind Beschreibung, Schlüsselwort und Darstellungsbereich.
Unten finden Sie ein Beispiel für ein -Tag mit einer Beschreibung:
Das Inhaltsattribut des Tags description enthält eine Beschreibung Ihres Webs Seite. Dies sind die Daten, die in einem Suchmaschinenergebnis angezeigt werden und einem potenziellen Besucher sagen, was ihn auf einer Website erwartet.
Unten sehen Sie ein -Tag-Beispiel für Keywords:
Das Tag keywords enthält Wörter oder Ausdrücke, die für. relevant sind deine Website. Jedes neue Wort oder jede neue Phrase, die einem Keyword-Inhaltsattribut zugewiesen wird, wird durch ein Komma getrennt, wie Sie im obigen Beispiel sehen können.
Unten sehen Sie ein Beispiel für ein -Tag für den Darstellungsbereich:
Das Tag viewport hilft bei der Erstellung responsiver Designs, indem es Ihre Webseite responsive macht verschiedene Gerätetypen.
Was ist das -Tag?
Das -Tag ist der zweite Hauptabschnitt innerhalb des Root-Tags. Das Tag enthält jedes Element, das auf einer Webseite angezeigt wird.
Elemente mit einem -Tag werden entweder als Inline- oder Blockelemente klassifiziert. Wenn Sie einen vollständigen Spickzettel für HTML-Essentials sehen möchten, haben wir einen zusammengestellt, damit Sie alles leichter verstehen können.
Was sind Blockelemente?
Blockelemente beginnen immer in einer neuen Zeile und nehmen die gesamte Breite der Zeile ein, die sie bin dran.
Einige Blockelemente, die Sie verwenden werden, sind:
- Die Überschriften-Tags
- Die
Tag
- Das -Tag
- Das
Tag
- Das
-Tag
- Das
- -Tag
Blockelemente werden verwendet, um den Text auf der Website in einem zusammenhängenden, verdaulichen Format zu verteilen.
Es gibt sechs verschiedene Arten von Überschriften-Tags: , , , , und . Das Tag erzeugt die größte Überschrift, das Tag erzeugt die kleinste Überschrift, und alle anderen Überschriften liegen zwischen den beiden (je nach Anzahl) Wert).
Die Überschriften-Tags werden für die Überschriften einer Webseite verwendet. Die Verwendung eines bestimmten Überschrift-Tags hängt von der Position der Überschrift auf der Webseite ab. Das Tag wird beispielsweise in der ersten Überschrift einer Webseite verwendet, und eine Webseite verwendet nur ein h1-Element (obwohl es mehrere h2-, h3- und h4-Elemente haben kann).
Unten sehen Sie ein Beispiel für das
-Tag in Aktion: Erlernen der HTML-Grundlagen
Code>
Was ist das
-Tag?
Das
ist ein weiteres Blockelement, das verwendet wird im Hauptteil der Webseite, und es schafft Absätze. Unten sehen Sie ein Beispiel für die Verwendung dieses Tags:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
inventore, reiciendis earum illum mollitia dignissimos officia, culpa cumque dolorem
quidem atque maiores, ad tempora quia. Repudiandae, delectus!
Was ist das Tag? Das Tag steht für eine Abteilung. Es wird verwendet, um Container für Gruppen anderer HTML-Elemente zu Stil- oder Funktionszwecken zu erstellen. Wenn Sie beispielsweise mit einem Raster arbeiten, müssen Sie alle Rasterelemente in einem Container ablegen. Zum Erstellen des Containers benötigen Sie ein -Tag. Verwandt: Erfahren Sie, wie Sie mit CSS Grid zweidimensionale Websites erstellen
Die Tags
und
werden verwendet, um Listen in HTML zu erstellen. Das Tag
erstellt geordnete Listen, während das Tag
ungeordnete Listen erstellt. Beide Tags verwenden jedoch das Tag , das Listenelemente erstellt.
Verwenden des -Tags
Eine geordnete Liste verwendet standardmäßig Zahlen. Das Tag
verfügt jedoch über ein type-Attribut, mit dem Sie explizit das Element angeben können, das Sie zum Ordnen Ihrer Liste verwenden möchten. Sie können eine Liste mit römischen Ziffern in Groß- oder Kleinschreibung, Groß- oder Kleinbuchstaben oder Zahlen bestellen.
Unten sehen Sie ein Beispiel:
- Erster Artikel
< li>Zweite item
- Dritter Artikel
Der obige Code erstellt eine geordnete Liste mit Lower Fallbriefe.
Verwenden des -Tags
Das
-Tag hat auch eine type-Attribut, das einen von mehreren Werten annimmt: nämlich Scheibe, Kreis oder Quadrat. Der Datenträger ist jedoch der Standardindikator für ein neues Listenelement in einer ungeordneten Liste.
Nachfolgend finden Sie ein Beispiel für eine ungeordnete Liste in Codeform:
- Erster Artikel
- Zweite item
- Dritter Artikel
Was sind Inline-Elemente?
Ein Inline-Element nicht in einer neuen Zeile beginnen. Es beginnt an der nächsten verfügbaren Position, die sich in einer neuen Zeile befinden kann oder nicht, und verwendet nur so viel Breite wie nötig. Einige Inline-Elemente, die Sie am wahrscheinlichsten verwenden werden, sind:
- Das -Tag
- Das -Tag
- Das
![]()
-Tag
- Das
- Das
Wir werden jedes davon ausführlicher besprechen unter.
Was ist das -Tag?
Das -Tag wird für Inline-Styling-Zwecke verwendet. Wenn Sie beispielsweise den Stil eines bestimmten Wortes oder Satzes innerhalb eines Absatzes ändern möchten, können Sie das Tag verwenden.
Unten ist ein Beispiel für dieses Tag:
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
inventore, reiciendis earum illum dignissimos officia ,culpa cumque dolorem
quidem atque maiores, ad tempora quia. Repudiandae, delectus!
Verwenden des Tags im Das obige Beispiel stellt sicher, dass die beiden Wörter innerhalb des -Tags jetzt ein eindeutiges Stil.
Was ist das -Tag?
Das -Tag wird verwendet, um Links auf einer Webseite zu erstellen. Mit dem Tag kann ein Entwickler auf eine andere Website (externer Link) oder eine andere Website derselben Website (interner Link) verlinken. Das -Tag hat zwei wichtige Attribute – href und target.
Das href-Attribut ist wichtig, da es den Wert der Linkposition speichert. Und das Zielattribut ist notwendig, weil es einem Benutzer ermöglicht, den Link in einem neuen Tab zu öffnen. Ohne das Zielattribut wird ein Link im aktuellen Tab geöffnet, und wenn es sich um einen externen Link handelt, wird der Verkehr von Ihrer Website weggeleitet.
Unten finden Sie ein Beispiel für das -Tag in Aktion:
Klicken Sie auf diesen Link zu Google
HTML lernen ist Unverzichtbar für Programmierer
Das Erlernen von HTML ist für alle Programmierer von entscheidender Bedeutung und sollte die Grundlagen Ihres Studien. Zum Glück ist es aber auch nicht zu kompliziert.
Nachdem Sie dieses Handbuch gelesen haben, sollten Sie alles haben, was Sie brauchen, um Websites besser zu formatieren.
TeilenTweet span>E-Mail
An Einführung in Cascading Style Sheets (CSS)Sind Sie bereit, langweilige HTML-Webseiten hinter sich zu lassen und die Dinge mit CSS aufzupeppen? Hier ist der Leitfaden, den Sie für den Anfang benötigen.
Weiterlesen
Verwandte Themen
- Programmierung
- HTML
-
Codierungstipps
- Programmierung
Über Der Autor
Kadeisha Kean (27 Artikel Veröffentlicht)Kadeisha Kean ist Full-Stack-Softwareentwicklerin und technische/Technologie-Autorin. Sie hat die ausgeprägte Fähigkeit, einige der komplexesten technologischen Konzepte zu vereinfachen; Herstellung von Material, das von jedem Technikneuling leicht verstanden werden kann. Sie schreibt leidenschaftlich gerne, entwickelt interessante Software und bereist die Welt (durch Dokumentationen).
Mehr von Kadeisha Kean
