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

<html> 標籤為 HTML 文件的根元素 (root element) ，根元素之下，又分為兩個元素 (element) ，一個是屬於整份文件資訊的 <head> ，另一個則是實際網頁內容的 <body>

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

<html> 有幾個屬性

屬性	值	Deprecated or Obsolete
version	指定 HTML 文件的標準版本	Deprecated in HTML 4.01, 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) 開啟如下

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

<body></body> 所圍住的元素為數個 <p> ，裡頭為英文句子， <p> 會將裡頭圍住的內容呈現為段落，因此，雖然原始檔 (source file) 有分行，實際網頁看到的如同一個段落。

基本上， HTML 文件都需要 <html> 、 <head> 、 <body> 三個元素，若是漏掉任一個元素，各家瀏覽器解譯 HTML 原始檔的方式可能會有所不同，例如以下檔案我們拿到所有標籤

You ever have that feeling where you're not sure if 
you're awake or still dreaming?
A prison for your mind.
Free your mind.
Believe the unbelievable.
There is no spoon.
I can only show you the door, you have to walk 
through it.
Choice. The problem is choice.
Then tomorrow we may all be dead, but how would that 
be different from any other day?
I have dreamed a dream, but now that dream has gone 
from me.
Choice is an illusion, created between those with 
power, and those without.
Because I choose to.
Everything that has a beginning has an end.

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：example03.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

瀏覽器開啟如下

我們看到沒有分段落，甚至也沒有分行，這是 Firefox 瀏覽器的解譯 example03.html 的方式，所以 HTML 文件是依元素設定整體結構，依元素預設的樣式呈現結果，如 <p> 為段落， <br /> 為分行。

如果我們將 example03.html 儲存為 txt 的純文字檔 (text file) ，再用瀏覽器開啟，如下