IT Juck HTML 知識整理
開山篇:
何爲傳輸協議
簡單的說 計算機的通信(網絡)規則就是一種協議.
FTP 文件傳輸協議
SMTP 郵件傳送協議
HTTP 用於網頁與網頁間的訪問協議
語言編碼
接下來我們還會發現這樣一句話：
它標示文檔的語言編碼。就像我們平時所說的漢語、英語一樣。這裏的gb2312告訴瀏覽器，本文檔採用簡體中文編碼；還有一種常用的編碼是UTF-8編碼，它是國際通用的編碼。不管我們採用哪種編碼，有一點就是包含的css樣式表和其它文件也必須和本文檔的編碼一樣，要不就會出現亂碼。
HTML開發工具
1. 記事本
2. Editplus
3. Frontpage
4. Dreamweaver [初學者推薦使用,該軟件有提示功能]
下載地址:
/cfusion/tdrc/index.cfmproduct=dreamweaver&loc=cn
5. Zend Studio
6. MyEclipse
等其他IDE ，這裏就不在介紹了,有興趣可到網上搜索
網頁三劍客
網頁製作三劍客是Macromedia 公司開發的三款開發工具
Flash：用於做動畫
Fireworks ：用於圖片處理
Dreamweaver ：用於拼接網頁,代碼編程
HTML是什麼
HTML表示: 超文本標記語言（Hyper Text Markup Language） HTML文件必須有htm 或 html擴展名
HTML文件可以用一個簡單的文本編輯器創建
HTML文檔類型
當我們新建HTML格式文檔時，查看源代碼，會發現代碼最上部有如下代碼：
譯：表示本文檔是過渡類型，另外還有框架和嚴格類型，目前一般都採用過渡類型，因爲瀏覽器對XHTML的解析比較寬鬆，允許使用HTML4.01中的標籤，但必須符合XHTML的語法。許多朋友在製作頁面時，往往喜歡把這句刪除掉，在這裏建議大家一定要保留這句話，刪除它後可能引起某些樣式表失效或其它意想不到的問題。
文檔類型標記分五個部分
DOCTYPE 文檔類型定義標籤(還可以指定別的類型文件)
HTML 指定文檔類型的名稱
PUBLIC 說明當前文件所依據的文件是任何人都可以訪問的還是局部訪問的 version name 指定該HTML版本的標識名稱。例如HTML 4.0的標識名稱爲：
"-//W3C//DTD HTML 4.01 Transitional//EN"版本名稱version name.被改進的iso用+號開頭,沒有被改動過的用–號開頭，最後的兩個斜號是DTD文檔的語言種類
url 指定該HTML 語言的定義規範文件在Internet上的位置,
例如: 。
loose.dtd說明:當前文檔可能含HTML4.01嚴格標準定義的元素及不含的元素 strict.dtd 說明:當前文檔所以的HTML 元素都是嚴格符合標準的
frameset.dta 說明:除了以上的倆個共同點還有可能包含一些框架的元素 HTML 4.01中如果沒有下面這個文檔類型定義語句是一個無效的HTML文件
XHTML 1.0文檔類型
創建一個HelloWord的XHTML 1.0文檔
點此查看
Hello Word 我的第一個網頁!
首先複製上面的代碼
在電腦桌面鼠標右鍵創建一個文本文件.txt,雙擊打開把代碼粘貼到裏面保存關閉 鼠標右鍵txt文件重命名爲 HelloWord.html [點擊回車]
HTML標記解釋
HTML的標記大多都是成對出現的,分開始和關閉如:
每個關閉標記都是以: 斜槓加標記關閉的
表示:這是一個HTML類型的文件
表示:告訴瀏覽器這是HTML文檔的開始
[表示:該標記是HTML頭信息在瀏覽器標題區域顯示]＜title＞標題＜/title＞[表示:該標記是文檔標題顯示在瀏覽器窗口的標題欄]
表示:關閉HTML 頭信息區域
網頁正文內容表示:該標記之間的內容會顯示在瀏覽器中表示:記告訴瀏覽器這是HTML文檔的終止
head 區屬性
＜link rel="SHORTCUT ICON" href="favicon.ico"/＞[地址欄網站標誌圖標]
注：圖片的`名字最好是: favicon.ico
Meta 標記必須要寫在Head 頭標記區域裏
＜meta http-equiv="refresh" content="秒數; url=頁面路徑"/＞[自動跳轉] 瀏覽器兼容問題解決[告訴瀏覽器使用IE7]
＜meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/＞頁面編碼類型
GB2312 中國
UTF-8 國際
Ansi 美國國家標準協會,它可以根據操作系統變換
body 標籤屬性
bgcolor="red"[頁面背景顏色]
background="圖片.jpg" [頁面背景圖片]
text="#000FFF" [頁面中所有非連接字體顏色]
link=”顏色” [頁面中所有連接字體顏色
]
alink=” 顏色” [頁面中正要被點擊的連接字體顏色]
vlink=” 顏色” [頁面中所有點擊過的連接字體顏色]
leftmargin=”0” [設定網頁與瀏覽器窗口左邊沿的間隙,單位爲像素] topmargin=”0” [設定網頁與瀏覽器窗口上邊沿的間隙,單位爲像素] table 表格標籤屬性
table表示定義一個HTML表格
[創建一個無邊框的表格]
cellpadding="10" [該屬性是設置表格的單元格的內邊距]
cellspacing="10" [該屬性是設置表格的單元格間距]
width="10" [控制表格寬度]
height="10" [控制表格高度]
rowspan="2" [合併行(寫在
| 標籤)] |
colspan="2" [合併列(格 寫在
| 標籤裏)] |
border="1" [該屬性可指定邊框大小,數值越大邊框線越粗] bordercolor=”” [邊框線的顏色]
bordercolorright=”顏色值”[亮邊框屬性]
bordercolordark=”顏色值” [暗邊框屬性]
[表格內的行]
[表格開頭格內內容自動到中間位置字體加粗][表示行內的單元格]
[沒有任何邊框的表格頂部]
橫向控制表格方向
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 [乘號]
÷| ÷ ÷ [除號]
© | 版權符號
HTML 超鏈接
[錨標籤（）來創建一個連接到其他文件的鏈接] target=" "
_blank [在新窗口打開鏈接地址]
_self [本窗口打開新鏈接]
_top [假如你的頁面在框架中,如何跳出框架]
_parent [父窗口]
戶所丟失的信息