1. Was ist HTML?
HTML heißt Hypertext Markup Language und ist eine Auszeichnungssprache. Es enthält eine Reihe von Tags. Diese Tags können das Dokumentformat im Netzwerk vereinheitlichen und verstreute Internetressourcen zu einem logischen Ganzen verbinden. HTML-Text ist beschreibender Text, der aus HTML-Befehlen besteht. HTML-Befehle können Text, Grafiken, Animationen, Sounds, Tabellen, Links usw. beschreiben.
Hypertext ist eine Möglichkeit zum Organisieren von Informationen, die Text, Grafiken und andere Informationsmedien über Hyperlinks verknüpft. Bei diesen miteinander verbundenen Informationsträgern kann es sich um denselben Text, um andere Dateien oder um Dateien auf einem geografisch weit entfernten Computer handeln. Diese Art der Informationsorganisation verbindet Informationsressourcen, die an verschiedenen Orten verteilt sind, auf zufällige Weise, wodurch es für Menschen einfacher wird, Informationen zu finden und abzurufen.
● Kurze Beschreibung
HTML ist die Abkürzung für HyperText Mark-up Language, was Hypertext-Markup-Sprache bedeutet;
HTML ist keine Programmiersprache, sondern eine Auszeichnungssprache;
Hypertext bezieht sich auf Hyperlinks und Markup bezieht sich auf Tags. Es handelt sich um eine Sprache, die zum Erstellen von Webseiten verwendet wird. Diese Sprache besteht aus Tags.
In dieser Sprache erstellte Dateien werden als Textdateien mit der Dateierweiterung .html oder .htm gespeichert;
Ein HTML-Dokument wird auch als Webseite bezeichnet. Wenn eine HTML-Datei mit einem Editor geöffnet wird, kann sie mit Text bearbeitet werden.
Wenn Sie es mit einem Browser öffnen, rendert der Browser die Datei entsprechend dem Inhalt der Tag-Beschreibung in eine Webseite. Die angezeigte Webseite kann von einem Webseiten-Link zu einer anderen Webseite springen.
●Lassen Sie uns das Wesentliche anhand des vollständigen chinesischen Namens von HTML analysieren:
(1) Hypertext
Das bedeutet, dass HTML-Dokumente über reinen Text hinaus nicht nur Text (Text) enthalten können, sondern auch erweiterte Inhalte wie Bilder, Audio und Video, Tabellen, Listen, Links, Schaltflächen, Eingabefelder usw. enthalten können.
Hyperlink ist die Verbindung des Internets. Er kann viele Webseiten verbinden und zu einem „Netz“ verflechten. Ohne Hyperlinks gäbe es kein Internet.
(2) Auszeichnungssprache
HTML ist eine Computersprache, die jedoch nicht programmiert werden kann und nur zum Markieren von Inhalten auf Webseiten verwendet werden kann. HTML verwendet verschiedene Tags, um unterschiedliche Inhalte, Formate, Layouts usw. zu kennzeichnen, wie zum Beispiel:
Das <img>-Tag stellt ein Bild dar;
Das <a>-Tag stellt einen Link dar;
Das <table>-Tag stellt eine Tabelle dar;
Das <input>-Tag stellt ein Eingabefeld dar;
Das <p>-Tag stellt einen Textabschnitt dar;
Das <strong>-Tag stellt den Textfettungseffekt dar;
Das <div>-Tag repräsentiert das Layout auf Blockebene.
Zusammenfassen
HTML ist eine Computersprache, die zum Entwickeln von Webseiten verwendet wird. Sie zeigt Text, Audio und Video, Bilder, Tabellen, Schaltflächen, Eingabefelder und andere Inhalte über Tags (markierte Anweisungen) an. Mit anderen Worten: HTML wird zum Formatieren und Layouten von Webinhalten verwendet.
2. Entwicklungsverlauf der HTML-Version:
Seit der Geburt von HTML sind nach kontinuierlicher Weiterentwicklung viele HTML-Versionen auf den Markt gekommen. Eine kurze Einführung in HTML-Versionen lautet wie folgt:
3. HTML-Inhalt
●HTML-Tags
Wie oben erwähnt, ist HTML eine Auszeichnungssprache, die verschiedene Tags zum Formatieren von Inhalten verwendet. Die Eigenschaften von Tags sind wie folgt:
(1) HTML-Tags bestehen aus Schlüsselwörtern, die von spitzen Klammern umgeben sind, z. B. <html>;
(2) Mit Ausnahme einiger weniger Tags erscheinen die meisten HTML-Tags paarweise, z. B. <b> und </b>.
(3) Bei paarweise erscheinenden Tags wird das erste Tag als Start-Tag und das zweite Tag als End-Tag (Abschluss-Tag) bezeichnet.
Verschiedene Tags in HTML haben unterschiedliche Bedeutungen. Das Erlernen von HTML bedeutet eigentlich, die Bedeutung jedes Tags zu lernen und entsprechend den Anforderungen des tatsächlichen Szenarios geeignete Tags auszuwählen, um schöne Webseiten zu erstellen.
●HTML-Dokumentstruktur
Die Grundstruktur einer HTML-Seite ist wie folgt und enthält verschiedene Tags, die zum Erstellen einer Webseite erforderlich sind (z. B. Doctype, HTML, Head, Title, Body usw.).
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Beispiel für eine HTML-Dokumentstruktur</title></head><body><h1>Diese Position ist ein Titel</h1><p> Diese Position ist ein Absatz</p><p>Diese Position ist ein weiterer Absatz</p><ahref=http://c.biancheng.net/target=_blank>Diese Position ist ein Link, der auf die Homepage des C verweist Language Network </a><ul><li>HTML-Tutorial</li><li>CSS-Tutorial</li></ul><inputtype=textplaceholder=text content/></body></html>
Die Syntax wird wie folgt erklärt:
<!DOCTYPE html>: Dies ist eine Dokumenttypdeklaration, mit der das Dokument als HTML-Dokument deklariert wird (technisch gesehen handelt es sich nicht um ein Tag). Bei der Doctype-Deklaration wird die Groß-/Kleinschreibung nicht beachtet.
<html> </html>: Dieses Tag ist das Stamm-Tag der HTML-Seite. Alle anderen Tags müssen zwischen den Tags <html> und </html> definiert werden.
<head> </head>: Dieses Tag wird verwendet, um einige Informationen des HTML-Dokuments zu definieren, z. B. Titel, Codierungsformat usw.;
<meta charset=UTF-8>: Wird verwendet, um anzugeben, dass die aktuelle Webseite die UTF-8-Kodierung verwendet. UTF-8 ist ein weltweit akzeptiertes Kodierungsformat und die meisten Webseiten verwenden UTF-8-Kodierung.
<title> </title>: Dieses Tag wird verwendet, um den Titel der Webseite zu definieren. Der Titel der Webseite wird in der Tab-Leiste des Browsers angezeigt.
<body> </body>: Dieses Tag wird verwendet, um den gesamten Inhalt der Webseite zu definieren, den wir über den Browser sehen können, z. B. Absätze, Titel, Bilder, Links usw.;
<h1> </h1>: Dieses Tag wird verwendet, um den Titel zu definieren;
<p> </p>: Dieses Tag wird verwendet, um einen Absatz zu definieren;
<a> </a>: Dieses Tag wird zum Definieren von Links verwendet.
<ul> </ul>: Dieses Tag wird verwendet, um eine Liste zu definieren;
<li> </li>: Dieses Tag wird zum Definieren von Listenelementen verwendet.
<input type=text />: wird zum Definieren eines Eingabefelds verwendet.
Da es sich bei HTML-Dokumenten um Textdateien handelt, können wir zum Erstellen und Ändern von HTML-Dateien jeden Texteditor verwenden. Für Anfänger ist es am besten, den mit dem System gelieferten Texteditor zu verwenden, z. B. Windows Notepad, Linux Vim und Mac OS TextEdit After Wenn Sie über eine bestimmte Grundlage verfügen, können Sie einen professionellen Texteditor auswählen, z. B. Notepad ++, Sublime Text, VS Code usw.
Darüber hinaus müssen Sie das HTML-Dokument im .html- oder .htm-Format speichern, bevor Sie es direkt im Browser öffnen und den Inhalt durchsuchen können. Speichern Sie beispielsweise den obigen Beispielcode in einer Datei mit dem Namen index.html. Doppelklicken Sie darauf, um die laufenden Ergebnisse im Browser anzuzeigen, wie in der folgenden Abbildung dargestellt:
●Eigenschaften von HTML
(1) Einfachheit: Das Versions-Upgrade der Hypertext-Markup-Sprache verwendet eine Superset-Methode, was es flexibler und bequemer macht.
(2) Skalierbarkeit: Die breite Anwendung der Hypertext-Auszeichnungssprache hat zu Anforderungen an erweiterte Funktionen und hinzugefügte Bezeichner geführt. Die Hypertext-Auszeichnungssprache übernimmt die Methode der Unterklassenelemente, um die Systemerweiterung sicherzustellen.
(3) Plattformunabhängigkeit: Obwohl Personalcomputer beliebt sind, gibt es viele Menschen, die andere Maschinen wie MAC verwenden. Hypertext Markup Language kann auf einer Vielzahl von Plattformen verwendet werden, was ein weiterer Grund für die Beliebtheit des World Wide Web (WWW) ist ).
(4) Universalität: Darüber hinaus ist HTML die universelle Sprache des Internets, eine einfache und universelle All-in-One-Auszeichnungssprache. Es ermöglicht Webseitenerstellern, komplexe Seiten zu erstellen, die Text und Bilder kombinieren, und diese Seiten können von jedem anderen im Internet angezeigt werden, unabhängig von der Art des Computers oder des verwendeten Browsers.