HTML

Einführung

HTML steht für Hyper Text Markup Language.Es ist eine Formatierungssprache, mit der das Erscheinungsbild und der Inhalt einer Webseite definiert werden. Es ermöglicht uns, Text, Grafiken, Audio und Video auf einer Webseite zu organisieren.

Key Points:

Das Wort Hypertext bezieht sich auf den Text, der als Link fungiert.
Das Wort Markup bezieht sich auf die Symbole, mit denen die Struktur des Textes definiert wird. Die Markup-Symbole teilen dem Browser mit, wie der Text angezeigt werden soll, und werden häufig als Tags bezeichnet.
Das Wort Sprache bezieht sich auf die Syntax, die jeder anderen Sprache ähnelt.

HTML wurde erstellt von Tim Berners-Lee beim CERN.

HTML-Versionen

Die folgende Tabelle zeigt die verschiedenen HTML-Versionen:

Ausführung	Jahr
HTML 1.0	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.0	1999
XHTML	2000
HTML5	2012

HTML-Tags

Tag ist ein Befehl, der dem Webbrowser mitteilt, wie Text, Audio, Grafik oder Video auf einer Webseite angezeigt werden sollen.

Key Points:

Tags sind mit spitzen Klammern gekennzeichnet.
Sie beginnen mit einem Zeichen kleiner als (<) und enden mit einem Zeichen größer als (>).
Der Tag-Name wird zwischen den spitzen Klammern angegeben.
Die meisten Tags treten normalerweise paarweise auf: das Start-Tag und das Schluss-Tag.
Das Start-Tag ist einfach der Tag-Name, der in einer spitzen Klammer eingeschlossen ist, während das schließende Tag einschließlich eines Schrägstrichs (/) angegeben wird.
Einige Tags sind leer, dh sie haben kein schließendes Tag.
Tags unterscheiden nicht zwischen Groß- und Kleinschreibung.
Der Name des Start- und Schluss-Tags muss identisch sein. Zum Beispiel ist <b> Hallo </ i> ungültig, da beide unterschiedlich sind.
Wenn Sie die spitzen Klammern (<>) für ein Tag nicht angeben, behandelt der Browser den Tag-Namen als einfachen Text.
Das Tag kann auch Attribute haben, um dem Browser zusätzliche Informationen über das Tag bereitzustellen.

Grundlegende Tags

Die folgende Tabelle zeigt die grundlegenden HTML-Tags, die die grundlegende Webseite definieren:

Etikett	Beschreibung
<html> </ html>	Gibt das Dokument als Webseite an.
<head> </ head>	Gibt die beschreibenden Informationen zu den Webdokumenten an.
<title> </ title>	Gibt den Titel der Webseite an.
<body> </ body>	Gibt den Hauptteil eines Webdokuments an.

Der folgende Code zeigt, wie grundlegende Tags verwendet werden.

<html>
   <head> Heading goes here…</head>
   <title> Title goes here…</title>
   <body> Body goes here…</body>
</html>

Tags formatieren

Die folgende Tabelle zeigt die HTML-Tags, die zum Formatieren des Texts verwendet werden:

Etikett	Beschreibung
<b> </ b>	Gibt den Text fett an. Z.B.this is bold text
<em> </ em>	Es ist ein Phrasentext. Es gibt den hervorgehobenen Text an. Z.B. Hervorgehobener Text
<strong> </ strong>	Es ist ein Phrasen-Tag. Es gibt einen wichtigen Text an. Z.B. this is strong text
<i> </ i>	Der Inhalt des kursiven Tags wird kursiv angezeigt. Z.B. Kursiver Text
<sub> </ sub>	Gibt den tiefgestellten Text an. Z.B. X ₁
<sup> </ sup>	Definiert den hochgestellten Text. Z.B. X ²
<ins> </ ins>	Gibt den eingefügten Text an. Z.B. Der Preis für Stift ist jetzt2015.
<del> </ del>	Gibt den gelöschten Text an. Z.B. Der Preis für Stift ist jetzt2015.
<mark> </ mark>	Gibt den markierten Text an. Z.B. Es istregnet

Tabellen-Tags

Die folgende Tabelle beschreibt die häufig verwendeten Tabellen-Tags:

Etikett	Beschreibung
<table> </ table>	Gibt eine Tabelle an.
<tr> </ tr>	Gibt eine Zeile in der Tabelle an.
<th> </ th>	Gibt die Kopfzelle in der Tabelle an.
<td> </ td>	Gibt die Daten in einer Zelle der Tabelle an.
<Caption> </ Caption>	Gibt die Tabellenbeschriftung an.
<colgroup> </ colgroup>	Gibt eine Gruppe von Spalten in einer Tabelle zur Formatierung an.

Tags auflisten

In der folgenden Tabelle werden die häufig verwendeten Listen-Tags beschrieben:

Etikett	Beschreibung
<ul> </ ul>	Gibt eine ungeordnete Liste an.
<ol> </ ol>	Gibt eine geordnete Liste an.
<li> </ li> </ ul>	Gibt ein Listenelement an.
<dl> </ dl>	Gibt eine Beschreibungsliste an.
<dt> </ dt>	Gibt den Begriff in einer Beschreibungsliste an.
<dd> </ dd>	Gibt die Beschreibung des Begriffs in einer Beschreibungsliste an.

Rahmen

Frameshelfen Sie uns, das Fenster des Browsers in mehrere rechteckige Bereiche zu unterteilen. Jede Region enthält eine separate HTML-Webseite, von denen jede unabhängig arbeitet.

Eine Reihe von Frames im gesamten Browser wird als Frameset bezeichnet. Es teilt dem Browser mit, wie das Browserfenster in Frames und die Webseiten unterteilt werden soll, die jeweils geladen werden müssen.

In der folgenden Tabelle werden die verschiedenen Tags zum Erstellen von Frames beschrieben:

Etikett	Beschreibung
<frameset> </ frameset>	Es ist das Ersetzen des <body> -Tags. Es enthält nicht die Tags, die normalerweise im <body> -Element verwendet werden. Stattdessen enthält es das <frame> -Element, mit dem jeder Frame hinzugefügt wird.
<frame> </ frame>	Gibt den Inhalt verschiedener Frames auf einer Webseite an.
<base> </ base>	Es wird verwendet, um den Standardzielrahmen auf jeder Seite festzulegen, die Links enthält, deren Inhalt in einem anderen Rahmen angezeigt wird.

Formen

Formswerden zur Eingabe der Werte verwendet. Diese Werte werden zur Verarbeitung an den Server gesendet. Forms verwendet Eingabeelemente wie Textfelder, Kontrollkästchen, Optionsfelder, Listen, Senden-Schaltflächen usw., um die Daten einzugeben.

In der folgenden Tabelle werden die beim Erstellen eines Formulars häufig verwendeten Tags beschrieben:

Etikett	Beschreibung
<form> </ form>	Es wird verwendet, um ein HTML-Formular zu erstellen.
<Eingabe> </ Eingabe>	Gibt das Eingabefeld an.
<textarea> </ textarea>	Gibt ein Textbereichssteuerelement an, mit dem mehrzeiliger Text eingegeben werden kann.
<label> </ label>	Gibt die Bezeichnung für ein Eingabeelement an.