Einführung in die Grundstruktur von HTML-HTML-Tutorial-php.cn

Einführung in die Grundstruktur von HTML

迷茫

Freigeben： 2017-03-25 12:23:45

Original

2695 Leute haben es durchsucht

Die vorherigen Wörter

Ein vollständiges HTML-Dokument muss 3 enthalten Es gibt drei Teile: Dokumentdeklaration, Dokumentkopf und Dokumentkörper. Diese bilden die Grundstruktur von HTML. In diesem Artikel werden die Grundelemente, die das HTML-Grundgerüst bilden, ausführlich vorgestellt Struktur.

HTML

Das

-Element stellt den Stamm des HTML-Dokuments dar, und alle anderen Elemente sind Nachkommen dieses Elements. Die - und -Tags definieren die Start- und Endpunkte des Dokuments. Dazwischen liegen der Kopf und der Text des Dokuments. Der Kopf des Dokuments besteht aus head<code>>-Tag wird definiert, während der Body durch das head>-Tag

Einführung in die Grundstruktur von HTML definiert wird HEAD

Das Tag

wird verwendet, um den Kopf des Dokuments zu definieren, der ein Container für alle Kopfelemente ist. ist größtenteils unsichtbar und beschreibt einige grundlegende Attribute und Informationen des Dokuments (darstellbar sind Titel und Symbol). Die Unterelemente unter dem Element umfassen hauptsächlich die sechs Elemente , <meta>, <title></title>, <base>, <link> und <style></style>. <script></script>

Definition von

Der Titel des Dokuments, der das einzige erforderliche Element im Kopfabschnitt ist <title></title>

Wenn das

-Tag im Dokument weggelassen wird, Die meisten Browser erstellen automatisch ein -Element

Über Weitere Informationen zum Dokumentkopf werden hierher verschoben

BODY

stellt den Hauptinhalt des HTML-Dokuments dar. In jedem HTML-Dokument darf nur ein -Element vorhanden sein

[Standardstil]

chrome/firefox/safari/IE8+
    margin:8px;
IE7-
    margin:15px 10px;

Nach dem Login kopieren

Struktur

Im Sublime

Editor, geben Sie ! ein und halten Sie dann die Tabulatortaste gedrückt, um eine grundlegende HTML-Struktur zu generieren. Die Struktur ist wie folgt:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

Nach dem Login kopieren

In der Praxis muss die Kopfstruktur des Dokuments häufig einige allgemeine Funktionen enthalten Da die HTML-Struktur komplexer ist, lautet die Struktur wie folgt:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Document</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width"/>
    <link rel="stylesheet" href="5/style.css"/>
    <link rel="shortcut icon" href="ico.ico"/>
</head>
<body>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEinführung in die Grundstruktur von HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!