HTML Kopfzeile



Wir haben gelernt, dass eine typische HTML-Dokument wird folgende Struktur haben:

Document declaration tag
<html>
   <head>
       Document header related tags
   </head>

   <body>
       Document body related tags
   </body>
</html>

Dieses Kapitel wird gibt ein wenig mehr Details über Kopfzeileteil , das durch HTML vertreten ist <Kopf> tag. Die <Kopf> Tag ist ein Container für verschiedene wichtige Tags wie <title>, <meta>, <link>, <base>, <style>, <script>, und <noscript> tags.

Die HTML <title> Tag

Die HTML <title> Tag ist zur Angabe des Titels des HTML-Dokuments benutzt. Es folgt ein Beispiel, um einen Titel zu einem HTML-Dokument geben:

<!DOCTYPE html>
<html>
<head>
<title>HTML Title Tag Example</title>
</head>
<body>
<p>Hello, World!</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Hello, World!

Die HTML <meta> Tag

Die HTML <meta> Tag wird verwendet, um liefern Metadaten über das HTML-Dokument, welche umfasst das Informationen über Seite Ablauf, Seite Autor, Liste von Keywords, Seitenbeschreibung usw.

Im Folgenden sind einige der wichtigsten Verwendungen von<meta> Tag in einem HTML-Dokument:

<!DOCTYPE html>
<html>
<head>
<title>HTML Meta Tag Example</title>

<!-- Provide list of keywords -->
<meta name="keywords" content="C, C++, Java, PHP, Perl, Python">

<!-- Provide description of the page -->
<meta name="description" content="Simply Easy Learning by Tutorials Point">

<!-- Author information -->
<meta name="author" content="Tutorials Point">

<!-- Page content type -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!-- Page refreshing delay -->
<meta http-equiv="refresh" content="30">

<!-- Page expiry -->
<meta http-equiv="expires" content="Wed, 21 June 2006 14:25:27 GMT">

<!-- Tag to tell robots not to index the content of a page -->
<meta name="robots" content="noindex, nofollow">

</head>
<body>
<p>Hello, World!</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Hello, World!

Die HTML <base> Tag

Die HTML <base> Tag wird Gebrauchte für die Angabe der Basis-URL für alle relativen URLs in einer Seite, die alle anderen URLs bedeutet wird in Basis-URL verkettet werden, während Ortung für die bestimmtes Element .

Beispiel alle gegebenen Seiten und Bilder werden gesucht nachdem Vorfixierung die gebenen URLs mit Basis-URL https://www.tutorialspoint.com/ Verzeichnis:

<!DOCTYPE html>
<html>
<head>
<title>HTML Base Tag Example</title>
<base href="https://www.tutorialspoint.com/" />
</head>
<body>
<img src="/de/html/images/logo.png" alt="Logo Image"/>
<a href="/de/html/index.htm" title="HTML Tutorial"/>HTML Tutorial</a> 

</body>
</html>

Dies wird folgendes Ergebnis produzieren:

aber wenn Sie ändern Basis-URL, um etwas anderes, zum Beispiel, wenn Basis-URL ist https://www.tutorialspoint.com/home dann Bild und andere angegebenen Links wird wie https://www.tutorialspoint.com/home/images/logo.png und https://www.tutorialspoint.com/home/html/index.htm

Die HTML <link> Tag

Die HTML <link> Tag wird verwendet, um Beziehungen zwischen dem aktuellen Dokument und externe Ressource angeben. Es folgt ein Beispiel, um link eine externe Stylesheet-Datei verfügbar in CSS -Unterverzeichnis innerhalb Web-Root:

<!DOCTYPE html>
<html>
<head>
<title>HTML link Tag Example</title>
<base href="https://www.tutorialspoint.com/" />
<link rel="stylesheet" type="text/css" href="/css/style.css">
</head>
<body>
<p>Hello, World!</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Hello, World!

Die HTML <style> Tag

Die HTML <style> Tag wird verwendeten zum Stylesheet für das aktuelle HTML-Dokument angeben. Es folgt ein Beispiel zu definieren wenige Stylesheet-Regeln innen <Stil> tag:

<!DOCTYPE html>
<html>
<head>
<title>HTML style Tag Example</title>
<base href="https://www.tutorialspoint.com/" />
<style type="text/css">
.myclass{
   background-color: #aaa;
   padding: 10px;
}
</style>
</head>
<body>
<p class="myclass">Hello, World!</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Hello, World!

Hinweis: zu lerne über Cascading Style Sheet Werke, kindly Überprüfung ein separates Tutorial verfügbar an https://www.tutorialspoint.com/css

Die HTML <script> Tag

Die HTML <script> Tag wird verwendet um enthalten entweder externen Skriptdatei oder zu definieren auf interne Skript für das HTML-Dokument . Es folgt ein Beispiel, wo wir sind mit Javascript um eine einfache JavaScript-Funktion zu definieren:

<!DOCTYPE html>
<html>
<head>
<title>HTML script Tag Example</title>
<base href="https://www.tutorialspoint.com/" />
<script type="text/javascript">
function Hello(){
   alert("Hello, World");
}
</script>
</head>
<body>
<input type="button" onclick="Hello();" name="ok" value="OK"  />
</body>
</html>

Dies wird folgendes Ergebnis erzeugen,wo Sie kann versuchen, auf der gegebenen Schaltfläche zu klicken:

Note: To learn about how Javascript works, kindly check a separate tutorial available at https://www.tutorialspoint.com/javascript

Advertisements