HTML知識點總結_第1頁
HTML知識點總結_第2頁
HTML知識點總結_第3頁
HTML知識點總結_第4頁
HTML知識點總結_第5頁
免費預覽已結束，剩余10頁可下載查看

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、HTML知識點總結第一章知識總結1. HTML文檔結構（括號里面的是注釋）<html><head> （頭部部分）Vmetahttp-equiv= “ ContenType” Content= “text/htmlCharSet=gb2312 > （可寫可不寫）Vtitle>顯示在瀏覽器標題欄中的標題<title><head><body> （主體部分）（頁面內容）<body><html>1）標簽<body>中的屬性有：bgcolor=顏色（背景顏色）backgrou nd=圖片的絕對路徑或

2、相對路徑（背景圖片）2. 標題標簽VHn><Hn>n取16 （設置文字標題）：1）<H1> 一級標題 <H1>2）<H2> 二級標題 <H2>3) <H3>三級標題<H3>4) <H4>四級標題vH4>5) <H5>五級標題<H5>6) <H6>六級標題<H6>3.vfontvfont標簽（設置文字屬性）Vfont size="字體大小"color="字體顏色"face="字體類型"

3、;要設置的文字font4.特殊符號特殊符號代碼空格&n bsp;大于號（）&gt；小于號（V）& It;引號& quot;版權號（？）&copy;5行的控制相關標簽段落標簽ppVP align="left"（左對齊）/ "right"（右對齊）/ "center"（居中）（段落的對其方式）換行標簽br6.圖片標簽imgVimg src="圖片地址"width="圖片寬度"height="圖片高度"alt="圖片的提示文字&qu

4、ot;align="top/bottom/middle/left/right"border="圖片的邊框寬度">（align是用于調整圖片相對于周圍文本的對其方式）7. 文字布局1）水平線 Vhr size="厚度"width="寬度"color="顏色">2）有序列表的語法<oltype=序號類型 > （序號類型有：1、a、A、i、I）<li>填寫信息</li> （必須用<li>vli>將內容包括起來）<li>填寫信

5、息</li><li>填寫信息</li></ol>3）無序列表語法Vul type="序號類型"> （序號類型有：disc（默認值，實心圓點）、CirCle（空心圓環）、SqUare（空心正方形）<li>所寫內容<li> （必須用<li><li>將內容包括起來）<ul>4）預格式文本語法 <pre>（具體的文本格式，這個格式在時是不改變的哦！）vpre>8. 頁面鏈接語法1）鏈接到其他頁面Va href=鏈接地址”連接標志 <a>2）

6、鏈接到本頁面首先創建一個錨鏈接的錨記點：Va href='錨記點名稱”主題名稱<a>然后在具體要鏈接到的地方設置name:Vaname= “錨記點名稱” >a>（錨記點前面要加上#號）3）電子郵件鏈接Va href= mailto :郵件地址”站長郵箱<a>（注意不能忘了 mailto）9. 滾動標簽的語法Vmarqueescrolldelay= 滾 動 延 遲 時 間direction=up/downleftright （滾動方向）OnmOUSeoVer= “this.stop（）（當鼠標指在上面時停止滾動）onmouseout= “this.st

7、art（）（當鼠標離開時繼續滾 動）>滾動的文字和圖像Vmarquee>第二章知識點總結1.表格的基本框架語法VtabIe border=表格的邊框的寬度（一般不超過 5） Width=表格的寬度 height=表格的高度 bordercolor=表格邊框線的顏色 bgcolor=整個表格 的背景顏色background=表格的背景圖片地址（背景圖片）align=表格對齊 方式>Vtrbgcolor=行的背景顏色 >（行）Vtd colspa n= 跨的列數 rowspa n= 跨的行數 bgcolor= 本單元格的 背景顏色background=本單元格的背景圖片地址

8、（背景圖片）align=單元格中的內容對齊方式（right/left/center） ><td>（單元格）<tr><table>2. 填充、間距屬性cellpaddi ng:內容與單元格內邊框線的距離（內填充）cellspaci ng :單元格之間的距離（外間距）第三章知識點總結1. 表單的基本結構<form actio n="URL" n ame=表單名字method=提交數據的方式（PoSt/get） >具體的內容vform2.表單中的元素1）.input 元素VinPUt name= “” type= text S

9、iZe=文本框的大小maxlenght=限制輸入的最大字符 （單行文本框）VinPUtname= “” type= PaSSWOrd SiZe= 文本框的大小maxlenght=限制輸入的最大字符 （單行文本框設置密碼）VinPUt name= "name ” type= radio VaIUe= 男” CheCked （默認選 定）（單選按鈕一一男）（設置單選按鈕的時候名字一定要一樣）VinPUt name= “name ” type= radio VaIUe= 女” 單選按鈕女）Vin PUt n ame= “” type=bmit VaIUe=提交 （按鈕提交）Vin PUt

10、n ame= “” typeset VaIUe=重置 （按鈕重置）VinPUt name= “” type= checkbox VaIUe=PIay （必須有） CheCked 玩游戲（復選框）2）.VSeIeCt>vselect> 下拉列表元素語法：VSeIeCtname= “” >Vopti On ValUe=必須有）> 內容 V/opti on>Vopti On ValUe=必須有）> 內容 V/opti on>VoPti On VaIue= “必須有）> 內容 v/opti on>VoPti On VaIUe= “必須有）>

11、內容 v/opti on><select>3）.VteXtarea><textarea> 多行文本框元素語法：VteXtarea name= “” ColS=寬度” rows鎬度”（不要和合并單元格的 rowspan 禾口 colspan 相混淆）>具體的內容<textarea>3.框架1）.框架的基本結構（注意：此時不能要<body><body> ）VframSet cols= “25% * ”分隔成左右兩部分）rows= “25% * ”分隔成上下兩部分）border=框架邊框的大小bordercolor=框架邊

12、框的顏色>Vframe name=窗口的名字” SrC=此窗口要顯示的文件地址”scrolling=yesno（有無滾動條）nOreSiZe（禁止改變框架窗口的大小）>Vframset>2）.框架頁面之間的鏈接第一步：在設計好的框架頁面中給每個部分定義一個名字；Eg:Vframe name= ”窗口 的名字 ” SrC=第二步：設置導航欄中的超鏈接的target目標窗口屬性；Eg:Va href= “ Iianiie.html target=要顯示的窗口的名字 ” >接標志va>第四章知識點總結1. 樣式類型，分為三種1) 標簽選擇器語法：標簽屬性:屬性值；VSt

13、yIe type= ”ext/css ”Pfo nt-size:20px;color:blue<style>不需要調用，直接創建標簽就能使用2) class選擇器語法：.類名屬性:屬性值；VStyIe type= ”ext/css ”.my fon t-size:20px;color:bluevstyle>調用：在需要使用的地方做為屬性來調用（CIaSS=類名）3） ID選擇器語法：#名稱屬性:屬性值；<style type= ”ext/css ”#my fon t-size:20px;color:blue</style>調用：在需要使用的地方做為屬性來調用

14、（ID=名稱）2. 常用的樣式屬性1）文本屬性font-size:字體大小font-family:字體類型font-style:字體樣式（斜體）color:字體顏色text-algin:文本的對齊方式（left/right/center）2）背景屬性backgroUnd-color:背景顏色background-image: url（圖片地址”背景圖片backgro Un d-repeat: (repeat/no-repeat/repeat-x/repeat-y )背景圖片女口何被重復顯示3) 方框屬性(1) 邊界屬性margin-left:設置對象的左邊距margi n-right:設置對象

15、的右邊距margi n-top:設置對象的上邊距margi n-bottom: 設置對象的下邊距(2) 填充屬性Padding-left:設置內容與左邊框之間的距離Paddi ng-right:設置內容與右邊框之間的距離Paddi ng-top:設置內容與上邊框之間的距離Paddi ng-bottom:設置內容與下邊框之間的距離(3) 邊框屬性border-style: (soild細邊框/dashed/虛邊框)邊框樣式border-width:邊框寬度border-color:邊框顏色4) 超鏈接樣式A:link未被訪問的鏈接樣式A:ViSited被訪問過的鏈接樣式A:hover鼠標懸浮在鏈接上時的樣式A:active鼠標下在按下時鏈接文字的樣式3. 樣式表的3類應用方式1）行內樣式表（改變某一行文字的樣式）語法：VP Style= ”屬性:屬性值；”文字vP>2）內嵌樣式表（在一個頁面內使用）語法：VStyIe type= ” test/css ” >/樣式規則<style>3）外部樣式表（改變多個頁面中的不同頁面元素的樣式 以CSS為后綴名的文件。鏈接外部樣式表的兩種

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論