- 相關(guān)推薦
HTML 學(xué)習心得整理
IT Juck HTML 知識整理
開(kāi)山篇:
何為傳輸協(xié)議
簡(jiǎn)單的說(shuō) 計算機的通信(網(wǎng)絡(luò ))規則就是一種協(xié)議.
FTP 文件傳輸協(xié)議
SMTP 郵件傳送協(xié)議
HTTP 用于網(wǎng)頁(yè)與網(wǎng)頁(yè)間的訪(fǎng)問(wèn)協(xié)議
語(yǔ)言編碼
接下來(lái)我們還會(huì )發(fā)現這樣一句話(huà)：
它標示文檔的語(yǔ)言編碼。就像我們平時(shí)所說(shuō)的漢語(yǔ)、英語(yǔ)一樣。這里的gb2312告訴瀏覽器，本文檔采用簡(jiǎn)體中文編碼；還有一種常用的編碼是UTF-8編碼，它是國際通用的編碼。不管我們采用哪種編碼，有一點(diǎn)就是包含的css樣式表和其它文件也必須和本文檔的編碼一樣，要不就會(huì )出現亂碼。
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表示: 超文本標記語(yǔ)言（Hyper Text Markup Language） HTML文件必須有htm 或 html擴展名
HTML文件可以用一個(gè)簡(jiǎn)單的文本編輯器創(chuàng )建
HTML文檔類(lèi)型
當我們新建HTML格式文檔時(shí)，查看源代碼，會(huì )發(fā)現代碼最上部有如下代碼：
譯：表示本文檔是過(guò)渡類(lèi)型，另外還有框架和嚴格類(lèi)型，目前一般都采用過(guò)渡類(lèi)型，因為瀏覽器對XHTML的解析比較寬松，允許使用HTML4.01中的標簽，但必須符合XHTML的語(yǔ)法。許多朋友在制作頁(yè)面時(shí)，往往喜歡把這句刪除掉，在這里建議大家一定要保留這句話(huà)，刪除它后可能引起某些樣式表失效或其它意想不到的問(wèn)題。
文檔類(lèi)型標記分五個(gè)部分
DOCTYPE 文檔類(lèi)型定義標簽(還可以指定別的類(lèi)型文件)
HTML 指定文檔類(lèi)型的名稱(chēng)
PUBLIC 說(shuō)明當前文件所依據的文件是任何人都可以訪(fǎng)問(wèn)的還是局部訪(fǎng)問(wèn)的 version name 指定該HTML版本的標識名稱(chēng)。例如HTML 4.0的標識名稱(chēng)為：
"-//W3C//DTD HTML 4.01 Transitional//EN"版本名稱(chēng)version name.被改進(jìn)的iso用+號開(kāi)頭,沒(méi)有被改動(dòng)過(guò)的用–號開(kāi)頭，最后的兩個(gè)斜號是DTD文檔的語(yǔ)言種類(lèi)
url 指定該HTML 語(yǔ)言的定義規范文件在Internet上的位置,
例如: 。
loose.dtd說(shuō)明:當前文檔可能含HTML4.01嚴格標準定義的元素及不含的元素 strict.dtd 說(shuō)明:當前文檔所以的HTML 元素都是嚴格符合標準的
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è)!
首先復制上面的代碼
在電腦桌面鼠標右鍵創(chuàng )建一個(gè)文本文件.txt,雙擊打開(kāi)把代碼粘貼到里面保存關(guān)閉 鼠標右鍵txt文件重命名為 HelloWord.html [點(diǎn)擊回車(chē)]
HTML標記解釋
HTML的標記大多都是成對出現的,分開(kāi)始和關(guān)閉如:
每個(gè)關(guān)閉標記都是以: 斜杠加標記關(guān)閉的
表示:這是一個(gè)HTML類(lèi)型的文件
表示:告訴瀏覽器這是HTML文檔的開(kāi)始
[表示:該標記是HTML頭信息在瀏覽器標題區域顯示]＜title＞標題＜/title＞[表示:該標記是文檔標題顯示在瀏覽器窗口的標題欄]
表示:關(guān)閉HTML 頭信息區域
網(wǎng)頁(yè)正文內容表示:該標記之間的內容會(huì )顯示在瀏覽器中表示:記告訴瀏覽器這是HTML文檔的終止
head 區屬性
�。糽ink rel="SHORTCUT ICON" href="favicon.ico"/＞[地址欄網(wǎng)站標志圖標]
注：圖片的名字最好是: favicon.ico
Meta 標記必須要寫(xiě)在Head 頭標記區域里
�。糾eta http-equiv="refresh" content="秒數; url=頁(yè)面路徑"/＞[自動(dòng)跳轉] 瀏覽器兼容問(wèn)題解決[告訴瀏覽器使用IE7]
�。糾eta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/＞頁(yè)面編碼類(lèi)型
GB2312 中國
UTF-8 國際
Ansi 美國國家標準協(xié)會(huì ),它可以根據操作系統變換
body 標簽屬性
bgcolor="red"[頁(yè)面背景顏色]
background="圖片.jpg" [頁(yè)面背景圖片]
text="#000FFF" [頁(yè)面中所有非連接字體顏色]
link=”顏色” [頁(yè)面中所有連接字體顏色
]
alink=” 顏色” [頁(yè)面中正要被點(diǎn)擊的連接字體顏色]
vlink=” 顏色” [頁(yè)面中所有點(diǎn)擊過(guò)的連接字體顏色]
leftmargin=”0” [設定網(wǎng)頁(yè)與瀏覽器窗口左邊沿的間隙,單位為像素] topmargin=”0” [設定網(wǎng)頁(yè)與瀏覽器窗口上邊沿的間隙,單位為像素] table 表格標簽屬性
table表示定義一個(gè)HTML表格
[創(chuàng )建一個(gè)無(wú)邊框的表格]
cellpadding="10" [該屬性是設置表格的單元格的內邊距]
cellspacing="10" [該屬性是設置表格的單元格間距]
width="10" [控制表格寬度]
height="10" [控制表格高度]
rowspan="2" [合并行(寫(xiě)在
| 標簽)] |
colspan="2" [合并列(格 寫(xiě)在
| 標簽里)] |
border="1" [該屬性可指定邊框大小,數值越大邊框線(xiàn)越粗] bordercolor=”” [邊框線(xiàn)的顏色]
bordercolorright=”顏色值”[亮邊框屬性]
bordercolordark=”顏色值” [暗邊框屬性]
[表格內的行]
[表格開(kāi)頭格內內容自動(dòng)到中間位置字體加粗][表示行內的單元格]
[沒(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 [乘號]
÷| ÷ ÷ [除號]
© | 版權符號
HTML 超鏈接
[錨標簽（）來(lái)創(chuàng )建一個(gè)連接到其他文件的鏈接] target=" "
_blank [在新窗口打開(kāi)鏈接地址]
_self [本窗口打開(kāi)新鏈接]
_top [假如你的頁(yè)面在框架中,如何跳出框架]
_parent [父窗口]
戶(hù)所丟失的信息
【HTML 學(xué)習心得整理】相關(guān)文章：
HTML的語(yǔ)言剖析10-13
過(guò)濾HTML代碼08-29
HTML5和HTML4有何區別？08-29
收集的常用的HTML標簽01-22
HTML語(yǔ)言的網(wǎng)頁(yè)教程06-14
什么是HTML相關(guān)的介紹08-08
HTML5的發(fā)展08-15
HTML文件的增強標記12-26