本站電子書

您可以在這些電子書店找到本站電子書: Google Play 圖書iBooks StoreHyReadReadmooPubu
===>>>本站推出學習遊戲意見調查<<<===《如何自學程式設計》入選 Google Play 台灣地區2016年度最佳書籍

HTML 4.01 快速導覽 - <html> 根標籤

<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) ,再用瀏覽器開啟,如下



HTML 文件基本上就是純文字檔案,瀏覽器依副檔名顯示檔案內容,若使用 .html 就會以標籤解譯文件, .txt 就是以檔案的原始內容來呈現。


中英文術語對照
根元素root element
元素element
標籤tag
原始檔source file
純文字檔text file


您可以繼續參考



相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁


參考資料

沒有留言: