程式語言教學誌 FB, YouTube: PYDOING: HTML 4.01 快速導覽

<head> 標籤提供整份文件資訊，實際網頁內容放在 <body> 之中。

起始標籤	結束標籤
選擇性的	選擇性的

<head> 有幾個屬性

屬性	值	Deprecated or Obsolete
profile	提供網頁資訊的網址	HTML 4 only, Obsolete in HTML 5

例如

<html>
<head>
<title>網頁標題</title>
</head>
<body>
<p>You ever have that feeling where you're not sure if
 you're awake or still dreaming?</p>
<p>A prison for your mind.</p>
<p>Free your mind.</p>
<p>Believe the unbelievable.</p>
<p>There is no spoon.</p>
<p>I can only show you the door, you have to walk 
through it.</p>
<p>Choice. The problem is choice.</p>
<p>Then tomorrow we may all be dead, but how would that 
be different from any other day?</p>
<p>I have dreamed a dream, but now that dream has gone 
from me.</p>
<p>Choice is an illusion, created between those with 
power, and those without.</p>
<p>Because I choose to.</p>
<p>Everything that has a beginning has an end.</p>
</body>
</html>
 
<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：example01.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

利用瀏覽器 (broswer) 開啟如下

此例中， <head></head> 成對標籤 (tag) 所圍住的元素 (element) 這裡只有 <title> ，表示文件標題，我們可以在網頁的標題列看到「網頁標題」的文字。

通常 <head></head> 會使用以下元素

<title></title>
<meta />
<link />
<script></script>
<style></style>

<title></title> 在上例中已有使用， <meta /> 為文件資訊，可提供時間日期、關鍵字、電子郵件與作者姓名等相關內容。 <link /> 用來連結樣式表 (style sheet) ， <style></style> 為自訂的樣式表， <script></script> 則是放置腳本語言 (script language) 的地方，或是外連其他伺服器的腳本程式。

例如下例中，我們加入 <style> 自訂樣式表

<html>
<head>
<title>網頁標題</title>
<style>
p {
    background-color: black;
    color: white;
}
</style>
</head>
<body>
<p>You ever have that feeling where you're not sure if
 you're awake or still dreaming?</p>
<p>A prison for your mind.</p>
<p>Free your mind.</p>
<p>Believe the unbelievable.</p>
<p>There is no spoon.</p>
<p>I can only show you the door, you have to walk 
through it.</p>
<p>Choice. The problem is choice.</p>
<p>Then tomorrow we may all be dead, but how would that 
be different from any other day?</p>
<p>I have dreamed a dream, but now that dream has gone 
from me.</p>
<p>Choice is an illusion, created between those with 
power, and those without.</p>
<p>Because I choose to.</p>
<p>Everything that has a beginning has an end.</p>
</body>
</html>
 
<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：example04.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->