HTML 學(xué)習(xí)心得整理

　　IT Juck HTML 知識(shí)整理

　　開山篇:

　　何為傳輸協(xié)議

　　簡(jiǎn)單的說 計(jì)算機(jī)的通信(網(wǎng)絡(luò))規(guī)則就是一種協(xié)議.

　　FTP 文件傳輸協(xié)議

　　SMTP 郵件傳送協(xié)議

　　HTTP 用于網(wǎng)頁(yè)與網(wǎng)頁(yè)間的訪問協(xié)議

　　語(yǔ)言編碼

　　接下來我們還會(huì)發(fā)現(xiàn)這樣一句話：

　　它標(biāo)示文檔的語(yǔ)言編碼。就像我們平時(shí)所說的漢語(yǔ)、英語(yǔ)一樣。這里的gb2312告訴瀏覽器，本文檔采用簡(jiǎn)體中文編碼；還有一種常用的編碼是UTF-8編碼，它是國(guó)際通用的編碼。不管我們采用哪種編碼，有一點(diǎn)就是包含的css樣式表和其它文件也必須和本文檔的編碼一樣，要不就會(huì)出現(xiàn)亂碼。

　　HTML開發(fā)工具

　　1. 記事本

　　2. Editplus

　　3. Frontpage

　　4. Dreamweaver [初學(xué)者推薦使用,該軟件有提示功能]

　　下載地址:

　　/cfusion/tdrc/index.cfmproduct=dreamweaver&loc=cn

　　5. Zend Studio

　　6. MyEclipse

　　等其他IDE ，這里就不在介紹了,有興趣可到網(wǎng)上搜索

　　網(wǎng)頁(yè)三劍客

　　網(wǎng)頁(yè)制作三劍客是Macromedia 公司開發(fā)的三款開發(fā)工具

　　Flash：用于做動(dòng)畫

　　Fireworks ：用于圖片處理

　　Dreamweaver ：用于拼接網(wǎng)頁(yè),代碼編程

　　HTML是什么

　　HTML表示: 超文本標(biāo)記語(yǔ)言（Hyper Text Markup Language） HTML文件必須有htm 或 html擴(kuò)展名

　　HTML文件可以用一個(gè)簡(jiǎn)單的文本編輯器創(chuàng)建

　　HTML文檔類型

　　當(dāng)我們新建HTML格式文檔時(shí)，查看源代碼，會(huì)發(fā)現(xiàn)代碼最上部有如下代碼：

　　譯：表示本文檔是過渡類型，另外還有框架和嚴(yán)格類型，目前一般都采用過渡類型，因?yàn)闉g覽器對(duì)XHTML的解析比較寬松，允許使用HTML4.01中的標(biāo)簽，但必須符合XHTML的語(yǔ)法。許多朋友在制作頁(yè)面時(shí)，往往喜歡把這句刪除掉，在這里建議大家一定要保留這句話，刪除它后可能引起某些樣式表失效或其它意想不到的問題。

　　文檔類型標(biāo)記分五個(gè)部分

　　DOCTYPE 文檔類型定義標(biāo)簽(還可以指定別的類型文件)

　　HTML 指定文檔類型的名稱

　　PUBLIC 說明當(dāng)前文件所依據(jù)的文件是任何人都可以訪問的還是局部訪問的 version name 指定該HTML版本的標(biāo)識(shí)名稱。例如HTML 4.0的標(biāo)識(shí)名稱為：

　　"-//W3C//DTD HTML 4.01 Transitional//EN"版本名稱version name.被改進(jìn)的iso用+號(hào)開頭,沒有被改動(dòng)過的用–號(hào)開頭，最后的兩個(gè)斜號(hào)是DTD文檔的語(yǔ)言種類

　　url 指定該HTML 語(yǔ)言的定義規(guī)范文件在Internet上的位置,

　　例如: 。

　　loose.dtd說明:當(dāng)前文檔可能含HTML4.01嚴(yán)格標(biāo)準(zhǔn)定義的元素及不含的元素 strict.dtd 說明:當(dāng)前文檔所以的HTML 元素都是嚴(yán)格符合標(biāo)準(zhǔn)的

　　frameset.dta 說明:除了以上的倆個(gè)共同點(diǎn)還有可能包含一些框架的元素 HTML 4.01中如果沒有下面這個(gè)文檔類型定義語(yǔ)句是一個(gè)無(wú)效的HTML文件

　　XHTML 1.0文檔類型

　　創(chuàng)建一個(gè)HelloWord的XHTML 1.0文檔

　　點(diǎn)此查看

　　Hello Word 我的第一個(gè)網(wǎng)頁(yè)!

　　首先復(fù)制上面的代碼

　　在電腦桌面鼠標(biāo)右鍵創(chuàng)建一個(gè)文本文件.txt,雙擊打開把代碼粘貼到里面保存關(guān)閉 鼠標(biāo)右鍵txt文件重命名為 HelloWord.html [點(diǎn)擊回車]

　　HTML標(biāo)記解釋

　　HTML的標(biāo)記大多都是成對(duì)出現(xiàn)的,分開始和關(guān)閉如:

　　每個(gè)關(guān)閉標(biāo)記都是以: 斜杠加標(biāo)記關(guān)閉的

　　表示:這是一個(gè)HTML類型的文件

　　表示:告訴瀏覽器這是HTML文檔的開始

　　[表示:該標(biāo)記是HTML頭信息在瀏覽器標(biāo)題區(qū)域顯示]＜title＞標(biāo)題＜/title＞[表示:該標(biāo)記是文檔標(biāo)題顯示在瀏覽器窗口的標(biāo)題欄]

　　表示:關(guān)閉HTML 頭信息區(qū)域

　　網(wǎng)頁(yè)正文內(nèi)容表示:該標(biāo)記之間的內(nèi)容會(huì)顯示在瀏覽器中表示:記告訴瀏覽器這是HTML文檔的終止

　　head 區(qū)屬性

　�。糽ink rel="SHORTCUT ICON" href="favicon.ico"/＞[地址欄網(wǎng)站標(biāo)志圖標(biāo)]

　　注：圖片的`名字最好是: favicon.ico

　　Meta 標(biāo)記必須要寫在Head 頭標(biāo)記區(qū)域里

　�。糾eta http-equiv="refresh" content="秒數(shù); url=頁(yè)面路徑"/＞[自動(dòng)跳轉(zhuǎn)] 瀏覽器兼容問題解決[告訴瀏覽器使用IE7]

　　＜meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/＞頁(yè)面編碼類型

　　GB2312 中國(guó)

　　UTF-8 國(guó)際

　　Ansi 美國(guó)國(guó)家標(biāo)準(zhǔn)協(xié)會(huì),它可以根據(jù)操作系統(tǒng)變換

　　body 標(biāo)簽屬性

　　bgcolor="red"[頁(yè)面背景顏色]

　　background="圖片.jpg" [頁(yè)面背景圖片]

　　text="#000FFF" [頁(yè)面中所有非連接字體顏色]

　　link=”顏色” [頁(yè)面中所有連接字體顏色

　　]

　　alink=” 顏色” [頁(yè)面中正要被點(diǎn)擊的連接字體顏色]

　　vlink=” 顏色” [頁(yè)面中所有點(diǎn)擊過的連接字體顏色]

　　leftmargin=”0” [設(shè)定網(wǎng)頁(yè)與瀏覽器窗口左邊沿的間隙,單位為像素] topmargin=”0” [設(shè)定網(wǎng)頁(yè)與瀏覽器窗口上邊沿的間隙,單位為像素] table 表格標(biāo)簽屬性

　　table表示定義一個(gè)HTML表格

　　[創(chuàng)建一個(gè)無(wú)邊框的表格]

　　cellpadding="10" [該屬性是設(shè)置表格的單元格的內(nèi)邊距]

　　cellspacing="10" [該屬性是設(shè)置表格的單元格間距]

　　width="10" [控制表格寬度]

　　height="10" [控制表格高度]

　　rowspan="2" [合并行(寫在

　　colspan="2" [合并列(格 寫在

　　border="1" [該屬性可指定邊框大小,數(shù)值越大邊框線越粗] bordercolor=”” [邊框線的顏色]

　　bordercolorright=”顏色值”[亮邊框?qū)傩註

　　bordercolordark=”顏色值” [暗邊框?qū)傩註

　　[表格內(nèi)的行]

　　[表格開頭格內(nèi)內(nèi)容自動(dòng)到中間位置字體加粗][表示行內(nèi)的單元格]

　　[沒有任何邊框的表格頂部]

　　橫向控制表格方向

　　align="left" left [左]right [右] center [中間]

　　豎向控制表格方向

　　valign="top" top [上] bottom [下] middle [中間]

　　frame屬性來控制表格周圍的邊框

　　frame="border" frame=" box"frame=" void"frame=" above"

　　frame=" below"

　　frame=" rhs"frame=" hsides" frame=" vsides" frame=" lhs"

　　表格嵌套例子如下:

　　HTML 字符實(shí)體編碼

　　< | < <

　　> | > >

　　{ {

　　& | & &

　　" | " "

　　' ‘

　　| 空格

　　| 方形空格

　　× | × x [乘號(hào)]

　　÷| ÷ ÷ [除號(hào)]

　　&copy | 版權(quán)符號(hào)

　　HTML 超鏈接

　　[錨標(biāo)簽（）來創(chuàng)建一個(gè)連接到其他文件的鏈接] target=" "

　　_blank [在新窗口打開鏈接地址]

　　_self [本窗口打開新鏈接]

　　_top [假如你的頁(yè)面在框架中,如何跳出框架]

　　_parent [父窗口]

　　戶所丟失的信息

【HTML 學(xué)習(xí)心得整理】相關(guān)文章：

1.html知識(shí)點(diǎn)實(shí)踐經(jīng)驗(yàn)知識(shí)點(diǎn)整理

2.HTML validate HTML驗(yàn)證特點(diǎn)

3.html5與傳統(tǒng)html區(qū)別

4.以HTML4.0元素默認(rèn)樣式為主題的整理

5.HTML了解一些HTML標(biāo)記介紹

6.html是什么

7.過濾HTML代碼

8.HTML超鏈接