HTML-Grundlagen-Tutorial

HTML Media

HTML Reference Manual

HTML5 Grundlagen-Tutorial

HTML5 API

HTML5 Medien

HTML-Video（Video）Wiedergabe HTML-Leerraumzeichen

HTML-Kopf-Elemente

Das <head>-Element ist der Container für alle Kopfzeilen. Elemente im <head> können Skripte, Anweisungen an den Browser, um das Stylesheet zu finden, und Meta-Informationen enthalten.

Sehen Sie sich das Online-Beispiel an

<title> - Definiert den Titel des HTML-Dokuments
Verwenden Sie das <title>-Tag, um den Titel des HTML-Dokuments zu definieren

<base> - Definiert die URL aller Links
Verwenden Sie <base>, um die Standardziel-URL für alle Links auf der Seite zu definieren.

Das HTML <head>-Element

Das <head>-Element enthält alle Kopfzeilen-Elemente. In Im <head>-Element können Sie Skripte (scripts), Stylesheets (CSS) und verschiedene Meta-Informationen einfügen.

Kann in der Kopfzeile hinzugefügt werden: <title>, <style>, <meta>, <link>, 　 <script>, <noscript>, und <base>.

Das HTML <title>-Element

Das <title>-Tag definiert den Titel verschiedener Dokumente.

Das <title> in HTML/Ist in XHTML-Dokumenten obligatorisch.

Das <title>-Element:

Definiert den Titel der Browser-Werkzeugleiste
Titel, der im Favoritenordner angezeigt wird, wenn die Webseite zu den Favoriten hinzugefügt wird
Titel, der in der Suchergebnisseite der Suchmaschine angezeigt wird

Ein einfaches HTML-Dokument:

Beispiel

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>Titel des HTML-Dokuments</title>
</head>
　
<body>
Der Inhalt des HTML-Dokuments......
</body>
　
</html>

Testen Sie es heraus ‹/›

Das HTML <base>-Element

Der <base>-Tag beschreibt die grundlegende Link-Adresse/Verknüpfung des Linkziels, dieser Tag dient als Standardverknüpfung für alle Link-Tags in einem HTML-Dokument:

<head>
<base　href="https://de.oldtoolbag.com/bilder/"　target="_blank">
</head>

Das HTML <link>-Element

Der <link>-Tag definiert die Beziehung zwischen dem Dokument und externen Ressourcen.

Der <link>-Tag wird in der Regel verwendet, um auf Stylesheets zu verlinken:

<head>
Der <link　rel="stylesheet"　type="text/css"　href="style.css">
</head>

Der HTML <style>-Element

Der <style>-Tag definiert den Verweis auf das Stylesheet der HTML-Dokumente.

Sie können auch direkt Stile im <style> Element hinzufügen, um das HTML-Dokument zu rendern:

<head>
<style type="text/css">
/*Definiert die Hintergrundfarbe der Webseite*/
body {background-color:red}
p {color:green}
</style>
</head>

HTML <meta> Element

Die meta-Tag beschreibt einige grundlegende Metadaten.

Das <meta> Tag bietet Metadaten. Metadaten werden nicht auf der Seite angezeigt, aber vom Browser verarbeitet.

META Element wird normalerweise verwendet, um die Beschreibung der Webseite, das Letzte Änderungsdatum der Datei, den Autor und andere Metadaten zu spezifizieren.

Metadaten können für Browser (wie das Anzeigen von Inhalten oder das Neuladen der Seite), Suchmaschinen (Schlüsselwörter) oder andere Webdienste verwendet werden.

<meta> Tag- Beispiel

Definiert die Schlüsselwörter für Suchmaschinen (keywords):

<meta name="keywords" content="HTML, CSS, XML, XHTML, JS, PHP">

Definiert die Beschreibungsdaten der Webseite (description):

<meta name="description" content="Kostenlose Online-Basisanleitung">

Definiert die Anpassung an Mobilgeräte und PC für die Webseite (viewport):

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"　/>

Definiert den Autor der Webseite (author):

<meta name="author" content="w3codebox">

pro10Sekunden aktualisiert die aktuelle Seite (Refresh):

<meta http-equiv="refresh" content="10">

HTML <script> Element

HTML Head-Element

Tag	Beschreibung
<head>	Definiert die Informationen des Dokuments
<title>	Definiert den Titel des Dokuments
<base>	Definiert die Standard-Link-Adresse der Seitenverknüpfungssymbole
<link>	Definierte das Verhältnis zwischen einem Dokument und externen Ressourcen
<meta>	Definiert Metadaten im HTML-Dokument
<script>	Definiert die Skriptdatei für den Client
<style>	Definiert die Stylesheet für das HTML-Dokument

HTML-Video（Video）Wiedergabe HTML-Leerraumzeichen