HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第1頁
HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第2頁
HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第3頁
HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第4頁
HTML基礎(chǔ)知識(shí)點(diǎn)總結(jié)_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

第一章1.<b>HTML文檔結(jié)構(gòu)</b>〔括號(hào)里面的是注釋〕<!DOCTYPEhtml><html><meta-equiv=“Content-Type”content=“text/html”;charset=gb2312>(可寫可不寫)<title>顯示在瀏覽器標(biāo)題欄中的標(biāo)題</title></head></body></html>標(biāo)題標(biāo)簽<Hn></Hn><H1>一級(jí)標(biāo)題</H1><H2>二級(jí)標(biāo)題</H2><H3>三級(jí)標(biāo)題</H3><H4>四級(jí)標(biāo)題</H4><H5>五級(jí)標(biāo)題</H5><H6>六級(jí)標(biāo)題</H6>3.<font></font>標(biāo)簽〔設(shè)置文字屬性〕<fontsize="字體大小"color="字體顏色"face="字體類型">要設(shè)置的文字</font>4.特殊符號(hào)特殊符號(hào)特殊符號(hào)大于號(hào)(>)代碼 "©5.行的控制相關(guān)標(biāo)簽段落標(biāo)簽<p></p><palign="left"(左對(duì)齊)/"right"(右對(duì)齊)/"center"(居中)>(段落的對(duì)其方式)換行標(biāo)簽<br/>6.圖片標(biāo)簽<img><imgsrc="圖片地址"width="圖片寬度"height="圖片高度"alt="圖片的提示文字"align="top/bottom/middle/left/right"border="圖片的邊框?qū)挾?>(align是用于調(diào)整圖片相對(duì)于周圍文本的對(duì)其方式)7.文字布局1)水平線<hrsize="厚度"width="寬度"color="顏色">2)有序列表的語法<li>填寫信息</li>〔必須用<li></li>將內(nèi)容包括起來〕<li>填寫信息</li><li>填寫信息</li></ol>3)無序列表語法心正方形)〕<li>所寫內(nèi)容<li>〔必須用<li></li>將內(nèi)容包括起來〕</ul>4)預(yù)格式文本語法<pre></pre>8.頁面鏈接語法1)鏈接到其他頁面<ahref=“鏈接地址”>連接標(biāo)志</a>2)鏈接到本頁面然后在具體要鏈接到的地方設(shè)置name:<aname=“錨記點(diǎn)名稱”></a><ahref=“mailto：郵件地址”>站長(zhǎng)郵箱</a>(注意不能忘了mailto)9.滾動(dòng)標(biāo)簽的語法onmouseover=“this.stop()”(當(dāng)鼠標(biāo)指在上面時(shí)停止?jié)L動(dòng))onmouseout=“this.start()”(當(dāng)鼠標(biāo)離開時(shí)繼續(xù)滾動(dòng))>滾動(dòng)的文字和圖像</marquee>第二章知識(shí)點(diǎn)總結(jié)1.表格的基本框架語法<tableborder=表格的邊框的寬度(一般不超過5)width=表格的寬度height=表格的高度bordercolor=表格邊框線的顏色bgcolor=整個(gè)表格的背景顏色background=表格的背景圖片地址(背景圖片)align=表格對(duì)齊方式><trbgcolor=行的背景顏色>(行)(right/left/center/)></td>(單元格)</table>2.填充、間距屬性cellpadding:內(nèi)容與單元格內(nèi)邊框線的距離〔內(nèi)填充〕cellspacing：?jiǎn)卧裰g的距離〔外第三章知識(shí)點(diǎn)總結(jié)1.表單的基本結(jié)構(gòu)<formaction="URL"name=表單名字method=提交數(shù)據(jù)的方式〔post/get〕>具體的內(nèi)容</form>2.表單中的元素1).<input>元素<inputname=“”type=textsize=文本框的大小maxlenght=限制輸入的最大字符>(單行文本框)<inputname=“”type=passwordsize=文本框的大小maxlenght=限制輸入的最大字符>(單行文本框——設(shè)置密碼)<inputname=“name”type=radiovalue=“男”checked(默認(rèn)選定)>(單項(xiàng)選擇按鈕——男)(設(shè)置單項(xiàng)選擇按鈕的時(shí)候名字一定要一樣)<inputname=“name”type=radiovalue=“女”>(單項(xiàng)選擇按鈕——女)<inputname=“”type=submitvalue=提交>(按鈕——提交)<inputname=“”type=resetvalue=重置>(按鈕——重置)<inputname=“”type=checkboxvalue=play(必須有)checked>玩游戲(復(fù)選框)2).<select></select>下拉列表元素<option<option<option<option</select>value=“”(必須有)>內(nèi)容</option>value=“”(必須有)>內(nèi)容</option>value=“”(必須有)>內(nèi)容</option>value=“”(必須有)>內(nèi)容</option>3).<textarea></textarea>多行文本框元素語法：<textareaname=“”cols=“寬度”rows=“高度”(不要和合并單元格的rowspan和colspan相混淆)>具體的內(nèi)容</textarea>1).框架的基本結(jié)構(gòu)(注意：此時(shí)不能要<body></body>)<framsetcols=“25%，*”(分隔成左右兩部分)rows=“25%，*”(分隔成上下兩部分)border=框架邊框的大小bordercolor=框架邊框的顏色><framename=“窗口的名字”src=“此窗口要顯示的文件地址”scrolling=yes/no(有無滾動(dòng)條)noresize(禁止改變框架窗口的大小)></framset>2).框架頁面之間的鏈接第一步：在設(shè)計(jì)好的框架頁面中給每個(gè)部分定義一個(gè)名字；Eg:<framename=”窗口的名字”src=“”>第二步：設(shè)置導(dǎo)航欄中的超鏈接的target目標(biāo)窗口屬性；Eg:<ahref=“l(fā)ianjie.html”target=“要顯示的窗口的名字”>鏈接標(biāo)志</a>第四章知識(shí)點(diǎn)總結(jié)1.樣式類型，分為三種標(biāo)簽{屬性:屬性值;}<styletype=”text/css”>P{font-size:20px;color:blue}</style>不需要調(diào)用，直接創(chuàng)建標(biāo)簽就能使用2〕class選擇器屬性:屬性值;}<styletype=”text/css”>.my{font-size:20px;color:blue}</style>調(diào)用：在需要使用的地方做為屬性來調(diào)用〔class=類名〕3〕ID選擇器#名稱{屬性:屬性值;}<styletype=”text/css”>#my{font-size:20px;color:blue}</style>調(diào)用：在需要使用的地方做為屬性來調(diào)用〔ID=名稱〕2.常用的樣式屬性1)文本屬性font-size:字體大小font-family:字體類型font-style:字體樣式〔斜體〕color:字體顏色text-algin:文本的對(duì)齊方式〔left/right/center〕2)背景屬性background-color:背景顏色background-image:url(“圖片地址”)背景圖片background-repeat:〔repeat/no-repeat/repeat-x/repeat-y〕背景圖片如何被重復(fù)顯示3)方框?qū)傩?1)邊界屬性margin-left:設(shè)置對(duì)象的左邊距margin-right:設(shè)置對(duì)象的右邊距margin-top:設(shè)置對(duì)象的上邊距margin-bottom:設(shè)置對(duì)象的下邊距(2)填充屬性padding-left:設(shè)置內(nèi)容與左邊框之間的距離padding-right:設(shè)置內(nèi)容與右邊框之間的距離padding-top:設(shè)置內(nèi)容與上邊框之間的距離padding-bottom:設(shè)置內(nèi)容與下邊框之間的距離(3)邊框?qū)傩詁order-style:(soild細(xì)邊框/dashed/虛邊框)邊框樣式border-width:邊框?qū)挾萣order-color:邊框顏色4)超鏈接樣式A:link{}未被訪問的鏈接樣式A:visited{}被訪問過的鏈接樣式A:hover{}鼠標(biāo)懸浮在鏈接上時(shí)的樣式A:active{}鼠標(biāo)下在按下時(shí)鏈接文字的樣式3.樣式表的3類應(yīng)用方式1)行內(nèi)樣式表(改變某一行文字的樣式)語法：<Pstyle=”屬性:屬性值;”>文字</P>2)內(nèi)嵌樣式表(在一個(gè)頁面內(nèi)使用)<styletype=”test/css”>//樣式規(guī)則</style>3)外部樣式表(改變多個(gè)頁面中的不同頁面元素的樣式)鏈接外部樣式表的兩種方式：(1)<link>標(biāo)簽聲明<linkrel=”

溫馨提示

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

評(píng)論

0/150

提交評(píng)論