HTML基礎(chǔ):HTML的基本結(jié)構(gòu)
互聯(lián)網(wǎng) 發(fā)布時間：2008-10-17 18:56:28 作者：佚名 
我要評論
我要評論HTML的基本結(jié)構(gòu)
超文本文檔分文檔頭和文檔體兩部分，在文檔頭里，對這個文檔進(jìn)行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。
<HTML>
<HEAD>
頭 部 信 息
</HEAD>
<BODY>
文 檔
HTML的基本結(jié)構(gòu)
超文本文檔分文檔頭和文檔體兩部分，在文檔頭里，對這個文檔進(jìn)行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。
<HTML>
<HEAD>
頭 部 信 息
</HEAD>
<BODY>
文 檔 主 體， 正 文 部 分
</BODY>
</HTML>
其中<HTML>在最外層， 表示這對標(biāo)記間的內(nèi)容是HTML文 檔。我們還會看到一些Hompage省略<HTML>標(biāo)記，因為.html 或.htm 文件被Web瀏覽器默認(rèn)為是HTML文檔。<HEAD> 之間包括文檔的頭部信息，如文檔總標(biāo)題等，若不需頭部信息則可省略此標(biāo)記。<BODY> 標(biāo)記一般不省略， 表示正文內(nèi)容的開始。
下面是一個最基本的超文本文檔的源代碼： <HTML>
<HEAD>
<TITLE>一個簡單的HTML示例</TITLE>
</HEAD>
<BODY>
<CENTER>
<H3>歡迎光臨我的主頁</H3>
<BR>
<HR>
<FONT SIZE=2>
這是我第一次做主頁，無論怎么樣，我都會努力做好！
</FONT>
</CENTER>
</BODY>
</HTML>
━┓
┃文件頭
━┛
━┓
┃
┃
┃
┃文件體
┃
┃
┃
┃
━┛
超文本中的標(biāo)簽
剛剛接觸超文本，遇到的最大的障礙就是一些用“<”和“>”括起來的句子，我們稱它為標(biāo)簽，是用來分割和標(biāo)記文本的元素，以形成文本的布局、文字的格式及五彩繽紛的畫面。
1. 單標(biāo)簽
某些標(biāo)記稱為“單標(biāo)簽”，因為它只需單獨使用就能完整地表達(dá)意思，這類標(biāo)記的語法是：
< 標(biāo)簽名稱>
最常用的單標(biāo)簽是<BR>, 它表示換行。
2.雙標(biāo)簽
另一類標(biāo)記稱為“雙標(biāo)簽”，它由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成，必須成對使用，其中始標(biāo)簽告訴Web瀏覽器從此處開始執(zhí)行該標(biāo)記所表示的功能，而尾標(biāo)簽告訴Web瀏覽器在這里結(jié)束該功能。始標(biāo)簽前加一個斜杠（/）即成為尾標(biāo)記。這類標(biāo)記的語法是：
<標(biāo)簽> 內(nèi) 容</ 標(biāo)簽>
其中“內(nèi)容” 部分就是要被這對標(biāo)記施加作用的部分。例如你想突出對某段文字的顯示，就將此段文字放在一<EM> </EM>標(biāo)記中：
<EM>第一：</EM>
3.標(biāo)簽屬性
許多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性， 其語法是：
< 標(biāo)簽名字 屬性1 屬性2 屬性3 … >
各屬性之間無先后次序，屬性也可省略（即取默認(rèn)值），例如單標(biāo)記<HR>表示在文檔當(dāng)前位置畫一條水平線（horizontal line），一般是從窗口中當(dāng)前行的最左端一直畫到最右端。帶一些屬性：
<HR SIZE=3 ALIGN=LEFT WIDTH="75%"> 其中SIZE屬性定義線的粗細(xì)，屬性值取整數(shù)，缺為1；ALIGN屬性表示對齊方式，可取LEFT（左對齊，缺省值），CENTER（居中），RIGHT（右對齊）；WIDTH 屬性定義線的長度，可取相對值，（由一對 " " 號括起來的百分?jǐn)?shù)，表示相對于充滿整個窗口的百分比），也可取絕對值（用整數(shù)表示的屏幕像素點的個數(shù)，如WIDTH=300），缺省值是"100%"。
超文本文檔分文檔頭和文檔體兩部分，在文檔頭里，對這個文檔進(jìn)行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。
<HTML>
<HEAD>
頭 部 信 息
</HEAD>
<BODY>
文 檔 主 體， 正 文 部 分
</BODY>
</HTML>
其中<HTML>在最外層， 表示這對標(biāo)記間的內(nèi)容是HTML文 檔。我們還會看到一些Hompage省略<HTML>標(biāo)記，因為.html 或.htm 文件被Web瀏覽器默認(rèn)為是HTML文檔。<HEAD> 之間包括文檔的頭部信息，如文檔總標(biāo)題等，若不需頭部信息則可省略此標(biāo)記。<BODY> 標(biāo)記一般不省略， 表示正文內(nèi)容的開始。
下面是一個最基本的超文本文檔的源代碼： <HTML>
<HEAD>
<TITLE>一個簡單的HTML示例</TITLE>
</HEAD>
<BODY>
<CENTER>
<H3>歡迎光臨我的主頁</H3>
<BR>
<HR>
<FONT SIZE=2>
這是我第一次做主頁，無論怎么樣，我都會努力做好！
</FONT>
</CENTER>
</BODY>
</HTML>
━┓
┃文件頭
━┛
━┓
┃
┃
┃
┃文件體
┃
┃
┃
┃
━┛
超文本中的標(biāo)簽
剛剛接觸超文本，遇到的最大的障礙就是一些用“<”和“>”括起來的句子，我們稱它為標(biāo)簽，是用來分割和標(biāo)記文本的元素，以形成文本的布局、文字的格式及五彩繽紛的畫面。
1. 單標(biāo)簽
某些標(biāo)記稱為“單標(biāo)簽”，因為它只需單獨使用就能完整地表達(dá)意思，這類標(biāo)記的語法是：
< 標(biāo)簽名稱>
最常用的單標(biāo)簽是<BR>, 它表示換行。
2.雙標(biāo)簽
另一類標(biāo)記稱為“雙標(biāo)簽”，它由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成，必須成對使用，其中始標(biāo)簽告訴Web瀏覽器從此處開始執(zhí)行該標(biāo)記所表示的功能，而尾標(biāo)簽告訴Web瀏覽器在這里結(jié)束該功能。始標(biāo)簽前加一個斜杠（/）即成為尾標(biāo)記。這類標(biāo)記的語法是：
<標(biāo)簽> 內(nèi) 容</ 標(biāo)簽>
其中“內(nèi)容” 部分就是要被這對標(biāo)記施加作用的部分。例如你想突出對某段文字的顯示，就將此段文字放在一<EM> </EM>標(biāo)記中：
<EM>第一：</EM>
3.標(biāo)簽屬性
許多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性， 其語法是：
< 標(biāo)簽名字 屬性1 屬性2 屬性3 … >
各屬性之間無先后次序，屬性也可省略（即取默認(rèn)值），例如單標(biāo)記<HR>表示在文檔當(dāng)前位置畫一條水平線（horizontal line），一般是從窗口中當(dāng)前行的最左端一直畫到最右端。帶一些屬性：
<HR SIZE=3 ALIGN=LEFT WIDTH="75%"> 其中SIZE屬性定義線的粗細(xì)，屬性值取整數(shù)，缺為1；ALIGN屬性表示對齊方式，可取LEFT（左對齊，缺省值），CENTER（居中），RIGHT（右對齊）；WIDTH 屬性定義線的長度，可取相對值，（由一對 " " 號括起來的百分?jǐn)?shù)，表示相對于充滿整個窗口的百分比），也可取絕對值（用整數(shù)表示的屏幕像素點的個數(shù)，如WIDTH=300），缺省值是"100%"。
相關(guān)文章
HTML5的文檔結(jié)構(gòu)和新增標(biāo)簽完全解析
這篇文章主要介紹了HTML5的文檔結(jié)構(gòu)和新增標(biāo)簽完全解析,需要的朋友可以參考下2017-04-21- 這篇文章給大家介紹了html5文檔結(jié)構(gòu)標(biāo)簽的相關(guān)知識，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-04-21
如何在Dreamweaver cs6 中設(shè)置默認(rèn)文檔格式為html5
怎么設(shè)置Dreamweaver cs6 中默認(rèn)文檔格式為html5，很簡單，在編輯->首選參數(shù)中便可設(shè)置，如截圖，有需求的朋友可以參考下，希望對大家有所幫助2013-07-28- 想實現(xiàn)跨文檔消息傳輸首先要對窗口對象的message事件進(jìn)行監(jiān)聽，然后使用window對象的postMessage()方法向其他窗口發(fā)送消息，接下來為大家詳細(xì)介紹下，感興趣的朋友可以參考2013-04-01
HTML5之SVG 2D入門8—文檔結(jié)構(gòu)及相關(guān)元素總結(jié)
前面介紹了很多的基本元素，包括結(jié)構(gòu)相關(guān)的組合和重用元素，這里主要是對SVG的文檔結(jié)構(gòu)中剩下的相關(guān)元素簡單總結(jié)一下，感興趣的朋友可不要錯過哦，然后繼續(xù)向前領(lǐng)略SVG的其2013-01-30- 多數(shù)人使用 HTML 4 和 XHTML 1 編寫網(wǎng)頁。相對較少的 HTML 狂熱者了解語義 HTML 的概念、驗證 HTML 結(jié)構(gòu)和改進(jìn)文檔的可訪問性。高質(zhì)量的 HTML 文檔是反復(fù)權(quán)衡、設(shè)計優(yōu)選和2008-10-17
詳解HTML編程的標(biāo)記與文檔結(jié)構(gòu)
這篇文章主要介紹了詳解HTML編程的標(biāo)記與文檔結(jié)構(gòu),是HTML入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-01- 在HTML中定義CSS的方式有：Embedding（嵌入式）、Linking（引用式）、Inline（內(nèi)聯(lián)式），下面通過實例為大家詳細(xì)介紹下它們的特點2014-06-04
- 能在html文檔中遇到極大的ol列表可能性不大，本文只是純粹技術(shù)探討，感興趣的朋友可以了解下2013-10-14
- 昨天給添加了在線測試效果！打開后發(fā)現(xiàn)JS彈出框位置和效果不對！但是我在我本地測試是沒問題的！仔細(xì)檢查后發(fā)現(xiàn)原來是由于博客園的HTML文檔類型和我的不一樣。2010-10-29