常用的HTML標記

1、常用的HTML標記基本結(jié)構(gòu)標記HTML語言是由一些標記、字母和文字組成的，語言是由一些標記、字母和文字組成的，可以用你熟悉的編輯器來編輯它，例如可以用你熟悉的編輯器來編輯它，例如EDIT、VI、WS、WORD等。等。純純HTML語言文件一定要以純文本方式保存，因語言文件一定要以純文本方式保存，因為瀏覽器只認識純文本格式的文件，并且文件名要為瀏覽器只認識純文本格式的文件，并且文件名要存為存為 *.HTML 或者或者*.HTM 形式。形式。HTML文檔的編寫方法1.手工直接編寫n記事本等，存成.htm .html格式2.使用可視化HTML編 輯 器nFrontpage、Dreamweaver等3.

2、由Web 服務器（ 或稱HTTP 服務器） 一 方實時動態(tài)地生成。網(wǎng)頁文件命名1.*.htm或*.html2.無空格3.無特殊符號（例如&符號），只可以有下劃線“_”，只可以為英文、數(shù)字4.區(qū)分大小寫5.首頁文件名默認為：index.htm 或 index.html標記的形式 標記本身也是文字字符串。n標記總是處于“”之間，并且這兩個符號和標記名字之間不含有空格符n標記一般是成對出現(xiàn)的n開始符和結(jié)束符的區(qū)別就是在“”號后面有一個斜線 “/” 例如： 標記示例單個的標記以及標記的屬性n單個標記 、n標記的屬性 屬性是標記的附屬集合，這些屬性一般置于開始符號的括號中，并用等號“=”賦值，這

3、個值依然處于括號中。用來精確的顯示確定這些標記的顯示方式。 例1： 開始與結(jié)束標記開始與結(jié)束標記 語法格式：語法格式： 從這里開始的內(nèi)容為從這里開始的內(nèi)容為HTML文檔。文檔。 頭部標記頭部標記 語法格式：語法格式： HTML文檔的頭部內(nèi)容文檔的頭部內(nèi)容 頭部里面一般包括注釋、頭部里面一般包括注釋、META和標題。和標題。標題標記標題標記 語法格式：語法格式： Web頁面的標題頁面的標題頁面標題寫在頭部標記之中，會顯示在頁面標題寫在頭部標記之中，會顯示在Web瀏覽器瀏覽器最上面的標題欄的位置。最上面的標題欄的位置。主體標記主體標記語法格式：語法格式： 這里為這里為HTML文檔的主體內(nèi)容。文檔的

4、主體內(nèi)容。 還有一些屬性可以設定背景色，背景圖形等。還有一些屬性可以設定背景色，背景圖形等。例例 1：HTML語言的結(jié)構(gòu)語言的結(jié)構(gòu)使用使用HTML語言編寫文件，了解語言編寫文件，了解HTML語言的結(jié)構(gòu)。語言的結(jié)構(gòu)。保存時，保存時，“保存類型保存類型”選擇選擇“純文本純文本”，“文件名文件名”寫寫“ 1.html”。語法格式語法格式： 文檔內(nèi)容文檔內(nèi)容中的一些屬性中的一些屬性元素及元素屬性2元素中有下列元素屬性： nbgcolornbgcolor屬性標志HTML文檔的背景顏色。如：bgcolor=“#CCFFCC”。HTML對顏色的控制nHTML對顏色的控制也有自己的語法。HTML使用16進制的

5、RGB顏色值對顏色進行控制。n16 進制的數(shù)碼有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.顏色顏色名和RGB值黑色Black=”#000000”銀色Silver=”#c0c0c0”紅色Red=”#ff0000”藍色Blue=”#0000ff”白色White=”#ffffff”黃色Yellow=”ffff00”綠色Green=”#00ff00”海藍色Aqua=”#00ffff”常見顏色的代碼元素及元素屬性n元素中有下列元素屬性： ntextntext屬性標志HTML文檔的正文文字顏色。如：text=“#FF6666”。Text元素定義的顏色將應用于整篇文檔。元素及元素屬

6、性3n元素中有下列元素屬性： nbackgroundnbackground屬性標志HTML文檔的背景圖片。如：background=“images/bg.gif。n可以使用的圖片格式為GIF，JPG文本格式標記文本格式標記標題字體標題字體 被被和和夾在中間的文字，是文章里的大號夾在中間的文字，是文章里的大號標題字體。標題字體。依次可以標注出六個層級的子標題，從依次可以標注出六個層級的子標題，從、到到。語法格式：語法格式：標題文字標題文字 ( i= 1,6 )例例 2：H1的標題字體最大！的標題字體最大！H2的標題字體較大！的標題字體較大！這是這是H3標題字體！標題字體！這是這是H4標題字體！標

7、題字體！這是這是H5標題字體！標題字體！H6標題字體最小！標題字體最??！標題標記HTML 簡介 HTML 簡介 HTML 簡介 HTML 簡介 HTML 簡介 HTML 簡介 HTML 簡介 可顯示六種大小的標題，即可顯示六種大小的標題，即到到，為最大，為最大，為最小為最小 字體大小標記字體大小標記改變包含的字符、單詞、短語或制定范圍文本的字號大小改變包含的字符、單詞、短語或制定范圍文本的字號大小語法格式：語法格式： Font size=# 文字文字=1,2,3,4,5,6,7or+#,-#,缺省時為缺省時為3號字體。號字體。例例 3：7號字體的字。號字體的字。5號字體的字。號字體的字。3號字

8、體的字。號字體的字。2號字體的字。號字體的字。1號字體的字。號字體的字。文字標簽屬性n文字屬性標記.n文字顏色 n指定顏色 . n#=RRGGBB 16 進制數(shù)碼文字標簽屬性n文字屬性標記n文字字體n . #=客戶端可獲得的字體使用FONT標記歡迎使用歡迎使用HTML我我的第一個的第一個HTML文檔文檔這這將會將會是一種很有趣的是一種很有趣的體驗體驗標記用于控制文本在網(wǎng)頁上的顯示。可以指定標記用于控制文本在網(wǎng)頁上的顯示。可以指定size（大?。ⅲù笮。olor（顏色）（顏色）style（樣式）等屬性。（樣式）等屬性。 添加顏色學習學習 HTML 歡 迎 使 用歡 迎 使 用 HTML這這

9、是一種很有趣的體驗是一種很有趣的體驗可以為頁面和頁面上的元素添加顏色?？梢詾轫撁婧晚撁嫔系脑靥砑宇伾OLOR是多個元素（如是多個元素（如FONT和和BODY）都可以）都可以使用的屬性。使用的屬性。 段落標記段落標記與換行標記與換行標記語法格式：語法格式：文本文本文本文本是單獨使用的。是單獨使用的。例例 4：在在html格式里我們不需要在意文章每行的寬度，不必擔心格式里我們不需要在意文章每行的寬度，不必擔心文字是不是太長了而被截掉。（沒加標記）文字是不是太長了而被截掉。（沒加標記）在在html格式里我們不需要在意文章每行的寬度，格式里我們不需要在意文章每行的寬度，不必擔心文字是不是太長久了而被截掉。（加段落標記）不必擔心文字是不是太長久了而被截掉。（加段落標記）在在html格式里我們不需要在意文章每行的寬度，格式里我們不需要在意文章