- 相關(guān)推薦
HTML 學(xué)習(xí)心得整理
IT Juck HTML 知識(shí)整理
開(kāi)山篇:
何為傳輸協(xié)議
簡(jiǎn)單的說(shuō) 計(jì)算機(jī)的通信(網(wǎng)絡(luò))規(guī)則就是一種協(xié)議.
FTP 文件傳輸協(xié)議
SMTP 郵件傳送協(xié)議
HTTP 用于網(wǎng)頁(yè)與網(wǎng)頁(yè)間的訪問(wèn)協(xié)議
語(yǔ)言編碼
接下來(lái)我們還會(huì)發(fā)現(xiàn)這樣一句話：
它標(biāo)示文檔的語(yǔ)言編碼。就像我們平時(shí)所說(shuō)的漢語(yǔ)、英語(yǔ)一樣。這里的gb2312告訴瀏覽器，本文檔采用簡(jiǎn)體中文編碼；還有一種常用的編碼是UTF-8編碼，它是國(guó)際通用的編碼。不管我們采用哪種編碼，有一點(diǎn)就是包含的css樣式表和其它文件也必須和本文檔的編碼一樣，要不就會(huì)出現(xiàn)亂碼。
HTML開(kāi)發(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 公司開(kāi)發(fā)的三款開(kāi)發(fā)工具
Flash：用于做動(dòng)畫(huà)
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文檔類(lèi)型
當(dāng)我們新建HTML格式文檔時(shí)，查看源代碼，會(huì)發(fā)現(xiàn)代碼最上部有如下代碼：
譯：表示本文檔是過(guò)渡類(lèi)型，另外還有框架和嚴(yán)格類(lèi)型，目前一般都采用過(guò)渡類(lèi)型，因?yàn)闉g覽器對(duì)XHTML的解析比較寬松，允許使用HTML4.01中的標(biāo)簽，但必須符合XHTML的語(yǔ)法。許多朋友在制作頁(yè)面時(shí)，往往喜歡把這句刪除掉，在這里建議大家一定要保留這句話，刪除它后可能引起某些樣式表失效或其它意想不到的問(wèn)題。
文檔類(lèi)型標(biāo)記分五個(gè)部分
DOCTYPE 文檔類(lèi)型定義標(biāo)簽(還可以指定別的類(lèi)型文件)
HTML 指定文檔類(lèi)型的名稱(chēng)
PUBLIC 說(shuō)明當(dāng)前文件所依據(jù)的文件是任何人都可以訪問(wèn)的還是局部訪問(wèn)的 version name 指定該HTML版本的標(biāo)識(shí)名稱(chēng)。例如HTML 4.0的標(biāo)識(shí)名稱(chēng)為：
"-//W3C//DTD HTML 4.01 Transitional//EN"版本名稱(chēng)version name.被改進(jìn)的iso用+號(hào)開(kāi)頭,沒(méi)有被改動(dòng)過(guò)的用–號(hào)開(kāi)頭，最后的兩個(gè)斜號(hào)是DTD文檔的語(yǔ)言種類(lèi)
url 指定該HTML 語(yǔ)言的定義規(guī)范文件在Internet上的位置,
例如: 。
loose.dtd說(shuō)明:當(dāng)前文檔可能含HTML4.01嚴(yán)格標(biāo)準(zhǔn)定義的元素及不含的元素 strict.dtd 說(shuō)明:當(dāng)前文檔所以的HTML 元素都是嚴(yán)格符合標(biāo)準(zhǔn)的
frameset.dta 說(shuō)明:除了以上的倆個(gè)共同點(diǎn)還有可能包含一些框架的元素 HTML 4.01中如果沒(méi)有下面這個(gè)文檔類(lèi)型定義語(yǔ)句是一個(gè)無(wú)效的HTML文件
XHTML 1.0文檔類(lèi)型
創(chuàng)建一個(gè)HelloWord的XHTML 1.0文檔
點(diǎn)此查看
Hello Word 我的第一個(gè)網(wǎng)頁(yè)!
首先復(fù)制上面的代碼
在電腦桌面鼠標(biāo)右鍵創(chuàng)建一個(gè)文本文件.txt,雙擊打開(kāi)把代碼粘貼到里面保存關(guān)閉 鼠標(biāo)右鍵txt文件重命名為 HelloWord.html [點(diǎn)擊回車(chē)]
HTML標(biāo)記解釋
HTML的標(biāo)記大多都是成對(duì)出現(xiàn)的,分開(kāi)始和關(guān)閉如:
每個(gè)關(guān)閉標(biāo)記都是以: 斜杠加標(biāo)記關(guān)閉的
表示:這是一個(gè)HTML類(lèi)型的文件
表示:告訴瀏覽器這是HTML文檔的開(kāi)始
[表示:該標(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ū)屬性
＜link rel="SHORTCUT ICON" href="favicon.ico"/＞[地址欄網(wǎng)站標(biāo)志圖標(biāo)]
注：圖片的名字最好是: favicon.ico
Meta 標(biāo)記必須要寫(xiě)在Head 頭標(biāo)記區(qū)域里
＜meta http-equiv="refresh" content="秒數(shù); url=頁(yè)面路徑"/＞[自動(dòng)跳轉(zhuǎn)] 瀏覽器兼容問(wèn)題解決[告訴瀏覽器使用IE7]
＜meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/＞頁(yè)面編碼類(lèi)型
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)擊過(guò)的連接字體顏色]
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" [合并行(寫(xiě)在
| 標(biāo)簽)] |
colspan="2" [合并列(格 寫(xiě)在
| 標(biāo)簽里)] |
border="1" [該屬性可指定邊框大小,數(shù)值越大邊框線越粗] bordercolor=”” [邊框線的顏色]
bordercolorright=”顏色值”[亮邊框?qū)傩註
bordercolordark=”顏色值” [暗邊框?qū)傩註
[表格內(nèi)的行]
[表格開(kāi)頭格內(nèi)內(nèi)容自動(dòng)到中間位置字體加粗][表示行內(nèi)的單元格]
[沒(méi)有任何邊框的表格頂部]
橫向控制表格方向
align="left" left [左]right [右] center [中間]
豎向控制表格方向
valign="top" top [上] bottom [下] middle [中間]
frame屬性來(lái)控制表格周?chē)倪吙?/p>
frame="border" frame=" box"frame=" void"frame=" above"
frame=" below"
frame=" rhs"frame=" hsides" frame=" vsides" frame=" lhs"
表格嵌套例子如下:
| 我是被嵌套在里面的 另一個(gè)表格 |
HTML 字符實(shí)體編碼
< | < <
> | > >
{ {
& | & &
" | " "
' ‘
| 空格
| 方形空格
× | × x [乘號(hào)]
÷| ÷ ÷ [除號(hào)]
© | 版權(quán)符號(hào)
HTML 超鏈接
[錨標(biāo)簽（）來(lái)創(chuàng)建一個(gè)連接到其他文件的鏈接] target=" "
_blank [在新窗口打開(kāi)鏈接地址]
_self [本窗口打開(kāi)新鏈接]
_top [假如你的頁(yè)面在框架中,如何跳出框架]
_parent [父窗口]
戶所丟失的信息
【HTML 學(xué)習(xí)心得整理】相關(guān)文章：
HTML的語(yǔ)言剖析10-13
過(guò)濾HTML代碼08-29
HTML5和HTML4有何區(qū)別？08-29
收集的常用的HTML標(biāo)簽01-22
HTML語(yǔ)言的網(wǎng)頁(yè)教程06-14
什么是HTML相關(guān)的介紹08-08
HTML5的發(fā)展08-15