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

下載本文檔

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

文檔簡介

HTML知識點(diǎn)總結(jié)第一章：知識總結(jié)1.vb>HTML文檔結(jié)構(gòu)v/b>（括號里面的是注釋）<!DOCTYPEhtmI>*注:v!DOCTYPE>標(biāo)簽沒有結(jié)束標(biāo)簽！<html><head>（頭部部分）metahttp-equiv=MContent-Type"content=Htext/html”;charset=gb2312乂可寫可不寫）ti11e>顯示在瀏覽器標(biāo)題欄中的標(biāo)題v/tit1e>/head><body>（主體部分）（頁面內(nèi)容）/body>/htm1>標(biāo)簽vbody>中的屬性有：bgcol。H顏色（背景顏色）background=圖片的絕對途徑或相對途徑（背景圖片）2.標(biāo)題標(biāo)簽vHn>v/Hn>n取1?6（設(shè)M文字標(biāo)題）：VH1>一級標(biāo)題v/H1>vH2>二級標(biāo)題v/H2>vH3>三級標(biāo)題v/H3>3）外部樣式表（改變多個頁面中的不同頁面元素的樣式）以CSS為后綴名的文獻(xiàn)。鏈接外部樣式表的兩種方式：（1）<1ink>標(biāo)簽聲明<linkrel=Msty1esheet”type=ntext/css”href="樣式表文獻(xiàn)”）（2）導(dǎo)入方式styletype="Text/cssn>@import樣式表文獻(xiàn).css;/stylo第五章知識點(diǎn)總結(jié).網(wǎng)站開發(fā)流程1）需求分析、確認(rèn)需求2）網(wǎng)站制作3）測試網(wǎng)頁4）發(fā)布網(wǎng)站.網(wǎng)站測試重要涉及三個方面1）頁面是否美觀，布局是否合理。2）鏈接是否完好，有無無效鏈接3）在不同瀏覽器中的兼容情況vH4>四級標(biāo)題V/H4>vH5>五級標(biāo)題V/H5>vH6>六級標(biāo)題v/H6>3.<font></font>標(biāo)簽（設(shè)立文字屬性）?<fontsize="字體大小"color="字體顏色"face="字體類型",要設(shè)立的文字v/font>4.特殊符號特殊符號代碼空格 大于號（>）>小于號（V）&11;引號"版權(quán)號（?）©.行的控制相關(guān)標(biāo)簽段落標(biāo)簽<p></p><Palign="left"（左對齊）/"right”（右對齊）/"center"（居中）》（段落的對其方式）換行標(biāo)簽vbr/>.圖片標(biāo)簽vimg><imgsrc="圖片地址"width="圖片寬度"height="圖片高度"alt="圖片的提醒文字，，align="top/bottom/middle/left/right"border="圖片的邊框?qū)挾取?gt;（align是用于調(diào)整圖片相對于周邊文本的對其方式）.文字布局1）水平線vhrsize="厚度"width="寬度"co1or="顏色",2）有序列表的語法<oltype=序號類型,（序號類型有:1、a、A、i、I）<li>填寫信息v/Ii>（必須用vli>v/li>將內(nèi)容涉及起來）<li>填寫信息v/li>Vli>填寫信息v/li></ol>3）無序列表語法<ultype="序號類型">（序號類型有：disc（默認(rèn)值，實(shí)心圓點(diǎn)）、circle（空心圓環(huán)）、square（空心正方形））vli>所寫內(nèi)容vli>（必須用vli>v/li>將內(nèi)容涉及起來）</ul>4）預(yù)格式文本語法<pre>（具體的文本格式，這個格式在時(shí)是不改變的哦!）</pre>.頁面鏈接語法1）鏈接到其他頁面<3href二"鏈接地址">連接標(biāo)志</a>2）鏈接到本頁面一方面創(chuàng)建一個錨鏈接的錨記點(diǎn)：va11e￡="#錨記點(diǎn)名稱”>主題名稱</@>然后在具體要鏈接到的地方設(shè)立name:<aname="錨記點(diǎn)名稱”></a>（錨記點(diǎn)前面要加上#號）3）電子郵件鏈接<ahref=Bmailto：郵件地址”〉站長郵箱v/a>（注意不能忘了mailto）.滾動標(biāo)簽的語法<marqueescrollde1ay=滾動延遲時(shí)間direction=up/down/left/right（滾動方向）onmouseover="this.stop（）”（當(dāng)鼠標(biāo)指在上面時(shí)停止?jié)L動）onmouseout:"this.start（）”（當(dāng)鼠標(biāo)離開時(shí)繼續(xù)滾動）>滾動的文字和圖像</marquee>第二章知識點(diǎn)總結(jié).表格的基本框架語法<tabIeborder=表格的邊框的寬度（一般不超過5）width=表格的寬度heigh』表格的高度bordercoIor=表格邊框線的顏色bgcolor=整個表格的背景顏色background=表格的背景圖片地址（背景圖片）a均11=表格對齊方式〉bgcol?！?行的背景顏色》（行）<tdcolspan=跨的列數(shù)rowspan=跨的行數(shù)bgcolor=本單元格的背景顏色background=本單元格的背景圖片地址（背景圖片）align=單元格中的內(nèi)容對齊方式（right/IefVcenter/）>v/td>（單元格）</tr></table>2.填充、間距屬性celipadding:內(nèi)容與單元格內(nèi)邊框線的距離（內(nèi)填充）cellspacing：單元格之間的距離（外間距）第三章知識點(diǎn)總結(jié).表單的基本結(jié)構(gòu)<formaction="URL"皿01。=表單名字method=提交數(shù)據(jù)的方式（post/get）>具體的內(nèi)容</form>.表單中的元素。1）.<input>元素^<inputname=MMtype=textsize=文本框的大小maxlenght=限制輸入的最大字符》（單行文本框）inputname-type=passwordsize=文本框的大小max1engh1=限制輸入的最大字符》（單行文本框一設(shè)立密碼）inputname="name"type=radiovalue:"男"checked（默認(rèn)選定）,（單選按鈕一男）（設(shè)立單選按鈕的時(shí)候名字一定要同樣）<inputname-,name^^type=radiovalue="女">（單選按鈕女）inputname-type=submitva1ue=提交〉（按鈕提交）inputname=<,^^type=resetvalue=重置乂按鈕重置）<inputname=""type=checkboxva1ue=play（必須有）checked》玩游戲（復(fù)選框）2）.<selectx/select>下拉列表元素語法:Vse1ectname=MM><optionva1ue（必須有）〉內(nèi)容v/option><optionvalue="”（必須有）>內(nèi)容<7option><optionva1ue=""（必須有）>內(nèi)容V/option><optionvalue=""（必須有）,內(nèi)容</option></select>）.<textarea></textarea>多行文本框元素語法:vtextareaname=""c咬"rows="（不要和合并單元格的rowspan和colspan相混淆）〉具體的內(nèi)容</textarea>.框架.框架的基本結(jié)構(gòu)（注意：此時(shí)不能要vbody></body>）<framsetcols="25%,”（分隔成左右兩部分）rows=',25%,”（分隔成上下兩部分）bor（13「=框架邊框的大小bordercol。r=框架邊框的顏色><framename="窗口的名字"src="此窗口要顯示的文獻(xiàn)地址"scroIIing=yes/n0（有無滾動條）noresize（嚴(yán)禁改變框架窗口的大?。?</framset>.框架頁面之間的鏈接。第一步：在設(shè)計(jì)好的框架頁面中給每個部分定義一個名字；g:<framenamc="窗口的名字"src="">第二步：設(shè)立導(dǎo)航欄中的超鏈接的target目的窗口屬性；Eg:<ahref=M1ianjie.htm1"targe仁"要顯示的窗口的名字”>鏈接標(biāo)志v/a>第四章知識點(diǎn)總結(jié).樣式類型，分為三種。1）標(biāo)簽選擇器語法：標(biāo)簽{屬性:屬性值；）<styletype='*text/css”>P{font-size:2Opx;color:blue}/style>不需要調(diào)用，直接創(chuàng)建標(biāo)簽就能使用class選擇器。語法:。。類名{。屬性:屬性值；）<sIyletype="text/css">.my{font-size:20px;color:blue}</style>調(diào)用：在需要使用的地方做為屬性來調(diào)用（c1ass=類名）ID選擇器語法：#名稱{屬性:屬性值；）<styIetype="text/css">#my{font-size：20px；color:blue}</style>調(diào)用:在需要使用的地方做為屬性來調(diào)用（ID=名稱）.常用的樣式屬性）文本屬性tont-size:字體大小font-fami1y：字體類型font-style:字體樣式（斜體）co1or:字體顏色text-aIgin:文本的對齊方式（left/right/center）2）背景屬性background-color：背景顏色background-image:url（"圖片地址"）背景圖片background—repeat：（repeat/no-repeat/repeat-x/repeat-y）背景圖片,如何被反復(fù)顯示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:設(shè)立內(nèi)容與卜邊框之間的距離（3）邊框?qū)傩詁order-styIe:（soiId細(xì)邊框/dashed/虛邊框）邊框樣式border-width:邊框?qū)?/p>

溫馨提示

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

最新文檔

評論

0/150

提交評論