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