HTML基礎知識點總結.doc

HTML知識點總結第1章 ：知識總結1. HTML文檔結構（括號里面的是注釋）*注： 標簽沒有結束標簽！ （頭部部分）(可寫可不寫)顯示在瀏覽器標題欄中的標題（主體部分）（頁面內容）標簽中的屬性有：bgcolor=顏色 （背景顏色） background=圖片的絕對路徑或相對路徑（背景圖片）2. 標題標簽 n取16（設置文字標題）：1) 一級標題2) 二級標題3) 三級標題4) 四級標題5) 五級標題6) 六級標題3.標簽（設置文字屬性）要設置的文字4.特殊符號特殊符號代碼空格 大于號()>小于號（）<引號"版權號（）©5.行的控制相關標簽段落標簽 (段落的對其方式) 換行標簽 6.圖片標簽(align是用于調整圖片相對于周圍文本的對其方式)7.文字布局1) 水平線2) 有序列表的語法（序號類型有：1、a、A、I）填寫信息（必須用將內容包括起來）填寫信息填寫信息3) 無序列表語法（序號類型有：disc(默認值,實心圓點)、circle(空心圓環(huán))、square(空心正方形)）所寫內容（必須用將內容包括起來）4) 預格式文本語法(具體的文本格式，這個格式在時是不改變的哦！)8.頁面鏈接語法1) 鏈接到其他頁面連接標志 2) 鏈接到本頁面首先創(chuàng)建一個錨鏈接的錨記點：主題名稱然后在具體要鏈接到的地方設置name:（錨記點前面要加上#號）3) 電子郵件鏈接站長郵箱 (注意不能忘了mailto)9.滾動標簽的語法滾動的文字和圖像第二章知識點總結1.表格的基本框架語法(行)(單元格)2.填充、間距屬性cellpadding:內容與單元格內邊框線的距離（內填充） cellspacing：單元格之間的距離（外間距）第三章知識點總結1.表單的基本結構具體的內容2.表單中的元素 1).元素(單行文本框)(單行文本框設置密碼)(單選按鈕男)(設置單選按鈕的時候名字一定要一樣)(單選按鈕女)(按鈕提交)(按鈕重置)玩游戲(復選框)2).下拉列表元素語法：內容內容內容內容3).多行文本框元素語法：具體的內容3. 框架1).框架的基本結構(注意：此時不能要) 2).框架頁面之間的鏈接第一步：在設計好的框架頁面中給每個部分定義一個名字；Eg:第二步：設置導航欄中的超鏈接的target目標窗口屬性；Eg:鏈接標志第四章知識點總結1.樣式類型，分為三種1）標簽選擇器語法：標簽 屬性:屬性值;Pfont-size:20px;color:blue不需要調用，直接創(chuàng)建標簽就能使用2）class選擇器語法：。類名屬性:屬性值;.myfont-size:20px;color:blue調用：在需要使用的地方做為屬性來調用（class=類名）3）ID選擇器語法：#名稱屬性:屬性值;#myfont-size:20px;color:blue調用：在需要使用的地方做為屬性來調用（ID=名稱）2.常用的樣式屬性1)文本屬性font-size:字體大小font-family:字體類型font-style:字體樣式（斜體）color:字體顏色text-algin:文本的對齊方式（left/right/center）2)背景屬性background-color:背景顏色background-image:url(“圖片地址”)背景圖片background-repeat:（repeat/no-repeat/repeat-x/repeat-y）背景圖片如何被重復顯示3)方框屬性(1)邊界屬性margin-left:設置對象的左邊距margin-right: 設置對象的右邊距margin-top: 設置對象的上邊距margin-bottom: 設置對象的下邊距(2)填充屬性padding-left:設置內容與左邊框之間的距離padding-right: 設置內容與右邊框之間的距離padding-top: 設置內容與上邊框之間的距離padding-bottom: 設置內容與下邊框之間的距離(3)邊框屬性border-style:(soild細邊框/dashed/虛邊框)邊框樣式border-width:邊框寬度border-color:邊框顏色4)超鏈接樣式A:link未被訪問的鏈接樣式A:visited被訪問過的鏈接樣式A:hover鼠標懸浮在鏈接上時的樣式A:active鼠標下在按下時鏈接文字的樣式3.樣式表的3類應用方式1)行內樣式表(改變某一行文字的樣式)語法：文字2)內嵌樣式表(在一個頁面內使用)語法：/樣式規(guī)則3)外部樣式表(改變多個頁面中的不同頁面元素的樣式)以CSS為后綴名的文件。鏈接外部樣式表的兩種方式：(1)標簽聲明 (2)導入方式import 樣式表文件.css;