HTML基礎(chǔ)知識點總結(jié)

1、第一章:知識總結(jié)HTML 知識點總結(jié)1. HTML 文檔結(jié)構(gòu) 括號里面的是注釋VDOCTYPE html * 注: 標簽沒有結(jié)束標簽！ 頭部局部 顯 可寫可不寫 示在瀏覽器標題欄中的標題 主體局部頁面內(nèi)容標簽中的屬性有：bgcolor= 顏色背景顏色 backgrou nd= 圖片的絕對路徑或相對路徑背景圖片2. 標題標簽 n 取 16 設(shè)置文字標題：1 一級標題 2 二級標題 3三級標題4四級標題5五級標題6六級標題3. vfontv/font標簽設(shè)置文字屬性vfont size =字體大小color =字體顏色 face =字體類型 要設(shè)置的文字4.特殊符號特殊符號代碼空格&n bsp;大

2、于號>小于號v& It;引號& quot;版權(quán)號？©5.行的控制相關(guān)標簽段落標簽 段落的對其方式換行標簽6. 圖片標簽vimg src=圖片地址 width=圖片寬度 height=圖片高度 alt=圖片的提示文字 align=top/bottom/middle/left/right border=圖片的邊框?qū)挾萢lign是用于調(diào)整圖片相對于周圍文本的對其方式7. 文字布局1水平線 2有序列表的語法vol type=序號類型 序號類型有：1、a、A、i、I填寫信息 必須用v/li將內(nèi)容包括起來填寫信息v/livli填寫信息v/liv/ol3無序列表語法 序號類型有： disc

3、默認值，實心圓點、circle 空心圓環(huán)、square 空心正方形所寫內(nèi)容 必須用v/li將內(nèi)容包括起來4預(yù)格式文本語法vpre具體的文本格式，這個格式在時是不改變的哦！ v/pre8. 頁面鏈接語法1鏈接到其他頁面 va href= “鏈接地址 連接標志 v/a2鏈接到本頁面 首先創(chuàng)立一個錨鏈接的錨記點： va href= “錨#記點名稱主題名稱 v/a 然后在具體要鏈接到的地方設(shè) 置 name:va name= “ 錨記點名稱 v/a 錨記點前面要加上 # 號3電子郵件鏈接va href= “mailt：o 郵件地址站長郵箱 v/a 注意不能忘了 mailto9. 滾動標簽的語法vmarq

4、uee scrolldelay= 滾動延遲時間 direction=up/down/left/right 滾動方向onmouseover= “this.stop 當(dāng)鼠標指在上面時停止?jié)L動 onmouseout= “ this.start 當(dāng)鼠標 離開時繼續(xù)滾動 滾動的文字和圖像v/marquee第二章知識點總結(jié)1. 表格的根本框架語法vtable border= 表格的邊框的寬度 一般不超過 5 width= 表格的寬度 height= 表格的高度 bordercolor= 表 格邊框線的顏色 bgcolor= 整個表格的背景顏色 background= 表格的背景圖片地址背景圖片align=

5、表格對齊方式 行 單元格v/tr 2. 填充、間距屬性cellpadding:內(nèi)容與單元格內(nèi)邊框線的距離內(nèi)填充間距 cellspacing :單元格之間的距離外第三章知識點總結(jié)1. 表單的根本結(jié)構(gòu)vform action=URL name=表單名字 method=提交數(shù)據(jù)的方式post /get 具體的內(nèi)容2. 表單中的元素1. 元素vinput name= “ type= text size= 文本框的大小 maxlenght= 限制輸入的最大字符 單行文本框vinput name= “ type= password size= 文本框的大小 maxlenght= 限制輸入的最大字 符 單行

6、文本框設(shè)置密碼vinput name= “ name type= radio value= “男 checked 默認選定 單項選擇按鈕男設(shè)置單項選擇按鈕的時候名字一定要一樣vinput name= “name type=radio value= “女 單項選擇按鈕女 vinput name= “ type=submit value= 提交 按鈕提交vinput name= “ type=reset value= 重置 按鈕重置 下拉列表元素2.vselectv/selectvinput name= “ type=checkbox value=play必須有 checked 玩游戲 復(fù)選框 語

7、法： vselect nam e= “voption value= 必須有 內(nèi)容voption value= v/option 必須有 voption value=內(nèi)容 v/option必須voption value=有 內(nèi)容 v/option 必須有 內(nèi)容v/optionv/select3.vtextareav/textarea 多行文本框元素rowspan 禾口 colspan語法：vtextarea name= cols=寬度 rows=高度不要和合并單元格的相混淆具體的內(nèi)容v/textarea3. 框架1.框架的根本結(jié)構(gòu) 注意：此時不能要 border=有無滾vframen ame=窗

8、口的名字src=此窗口要顯示的文件地址 scrolli ng=yes/no動條 noresize 禁止改變框架窗口的大小2.框架頁面之間的鏈接 第一步：在設(shè)計好的框架頁面中給每個局部定義一個名字；Eg:frame name= 窗口的名字 src= 第二步：設(shè)置導(dǎo)航欄中的超鏈接的 target 目標窗口屬性；Eg:a href= lianjie.html taig 顯示的窗口的名字 鏈接標志 第四章知識點總結(jié)1 .樣式類型，分為三種1 標簽選擇器語法： 標簽 屬性:屬性值 ; Pfont-size:20px;color:blue 不需要調(diào)用，直接創(chuàng)立標簽就能使用2class 選擇器語法：。類名

9、屬性:屬性值 ;.my font-size:20px;color:blue調(diào)用：在需要使用的地方做為屬性來調(diào)用 class= 類名3ID 選擇器 語法： #名稱屬性 :屬性值 ; #my font-size:20px;color:blue調(diào)用：在需要使用的地方做為屬性來調(diào)用 ID= 名稱 2.常用的樣式屬性1文本屬性 font-size: 字體大小font-family: 字體類型 font-style: 字體樣式斜體 color: 字體顏色text-algin: 文本的對齊方式 left/right/center 2背景屬性background-color: 背景顏色 background-

10、image: url 圖“片地址 背景圖片 background-repeat: repeat/no-repeat/repeat-x/repeat-y 3方框?qū)傩?邊界屬性 margin-left: 設(shè)置對象的左邊距 margin-right: 設(shè)置對象的右邊距 margin-top: 設(shè)置對象的上邊距 margin-bottom: 設(shè)置對象的下邊距2填充屬性 padding-left: 設(shè)置內(nèi)容與左邊框之間的距離 padding-right: 設(shè)置內(nèi)容與右邊框之間的距離 padding-top: 設(shè)置內(nèi)容與上邊框之間的距離 padding-bottom: 3邊框?qū)傩詁order-style:

11、 soild 細邊框 /dashed/ 虛邊框邊框樣式 border-width: 邊框?qū)挾?border-color: 邊框顏色4超鏈接樣式A:link 未被訪問的鏈接樣式A:visited 被訪問過的鏈接樣式A:hover 鼠標懸浮在鏈接上時的樣式 A:active 鼠標下在按下時鏈接文字的樣式3. 樣式表的 3 類應(yīng)用方式1行內(nèi)樣式表 改變某一行文字的樣式 語法： 文字 2內(nèi)嵌樣式表 在一個頁面內(nèi)使用 語法：styl e type= test/css /樣式規(guī)那么3 外部樣式表 改變多個頁面中的不同頁面元素的樣式 鏈接外部樣式表的兩種方式：1 標簽聲明link rel= stylesheet type= text/css2 導(dǎo)入方