HTML - Übersicht
HTML steht für Hypertext MArkup LSprache, und es ist die am häufigsten verwendete Sprache zum Schreiben von Webseiten.
Hypertextbezieht sich auf die Art und Weise, wie Webseiten (HTML-Dokumente) miteinander verknüpft werden. Daher heißt der auf einer Webseite verfügbare Link Hypertext.
Wie der Name schon sagt, ist HTML ein Markup Language Dies bedeutet, dass Sie HTML verwenden, um ein Textdokument einfach mit Tags zu "markieren", die einem Webbrowser mitteilen, wie es für die Anzeige strukturiert werden soll.
Ursprünglich wurde HTML mit der Absicht entwickelt, die Struktur von Dokumenten wie Überschriften, Absätzen, Listen usw. zu definieren, um den Austausch wissenschaftlicher Informationen zwischen Forschern zu erleichtern.
Heute wird HTML häufig zum Formatieren von Webseiten mithilfe verschiedener Tags verwendet, die in der HTML-Sprache verfügbar sind.
Grundlegendes HTML-Dokument
In seiner einfachsten Form folgt ein Beispiel für ein HTML-Dokument:
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>
HTML-Tags
Wie bereits erwähnt, ist HTML eine Auszeichnungssprache und verwendet verschiedene Tags, um den Inhalt zu formatieren. Diese Tags sind in spitzen Klammern eingeschlossen<Tag Name>. Mit Ausnahme weniger Tags haben die meisten Tags ihre entsprechenden schließenden Tags. Zum Beispiel,<html> hat sein schließendes Tag </html> und <body> Tag hat sein schließendes Tag </body> Tag etc.
Das obige Beispiel eines HTML-Dokuments verwendet die folgenden Tags:
Sr.Nr. | Tag & Beschreibung |
---|---|
1 | <!DOCTYPE...> Dieses Tag definiert den Dokumenttyp und die HTML-Version. |
2 | <html> Dieses Tag umfasst das gesamte HTML-Dokument und besteht hauptsächlich aus einem Dokumentkopf, der durch <head> ... </ head> dargestellt wird, und einem Dokumentkörper, der durch <body> ... </ body> -Tags dargestellt wird. |
3 | <head> Dieses Tag stellt den Header des Dokuments dar, in dem andere HTML-Tags wie <title>, <link> usw. gespeichert werden können. |
4 | <title> Das <title> -Tag wird im <head> -Tag verwendet, um den Dokumenttitel zu erwähnen. |
5 | <body> Dieses Tag stellt den Hauptteil des Dokuments dar, in dem andere HTML-Tags wie <h1>, <div>, <p> usw. gespeichert sind. |
6 | <h1> Dieses Tag repräsentiert die Überschrift. |
7 | <p> Dieses Tag repräsentiert einen Absatz. |
Um HTML zu lernen, müssen Sie verschiedene Tags studieren und verstehen, wie sie sich verhalten, während Sie ein Textdokument formatieren. Das Erlernen von HTML ist einfach, da Benutzer die Verwendung verschiedener Tags lernen müssen, um den Text oder die Bilder zu formatieren und eine schöne Webseite zu erstellen.
Das World Wide Web Consortium (W3C) empfiehlt die Verwendung von Tags in Kleinbuchstaben ab HTML 4.
HTML-Dokumentstruktur
Ein typisches HTML-Dokument hat die folgende Struktur:
<html>
<head>
Document header related tags
</head>
<body>
Document body related tags
</body>
</html>
Wir werden in den folgenden Kapiteln alle Header- und Body-Tags untersuchen, aber jetzt wollen wir sehen, was ein Dokumentdeklarations-Tag ist.
Die <! DOCTYPE> -Erklärung
Das Deklarationstag <! DOCTYPE> wird vom Webbrowser verwendet, um die im Dokument verwendete HTML-Version zu verstehen. Die aktuelle Version von HTML ist 5 und verwendet die folgende Deklaration:
<!DOCTYPE html>
Es gibt viele andere Deklarationstypen, die in HTML-Dokumenten verwendet werden können, je nachdem, welche HTML-Version verwendet wird. Wir werden mehr Details dazu sehen, während wir das <! DOCTYPE ...> -Tag zusammen mit anderen HTML-Tags diskutieren.