HTML初級知識點(diǎn)總結(jié),最詳細(xì)的總結(jié)_第1頁
HTML初級知識點(diǎn)總結(jié),最詳細(xì)的總結(jié)_第2頁
HTML初級知識點(diǎn)總結(jié),最詳細(xì)的總結(jié)_第3頁
免費(fèi)預(yù)覽已結(jié)束，剩余8頁可下載查看

下載本文檔

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

文檔簡介

1、HTML超文本標(biāo)記語言，一種規(guī) 預(yù)定義，已經(jīng)定義好的各種標(biāo)記，只需要我們把對應(yīng)的標(biāo)記放到適宜的位置一. HTML 根本語法與根本構(gòu)造重點(diǎn)標(biāo)記的使用1、標(biāo)記一般成對出現(xiàn)，包含開場標(biāo)記和完畢標(biāo)記2、標(biāo)記可以嵌套使用，但是不能穿插使用3、標(biāo)記不區(qū)分大小寫 屬性的使用屬性控制容的格式，額外的格式1、書寫位置在開場標(biāo)記中2、格式：屬性名 =“屬性值，多個屬性之間使用空格分割3、不同的標(biāo)記屬性可能一樣也可能不同4、屬性使用的標(biāo)記中，只能對本標(biāo)中的容記產(chǎn)生影響5、屬性不沖突時，效果疊加，屬性沖突時，就近原那么html 的根本構(gòu)造<html> 聲明網(wǎng)頁<head> 網(wǎng)頁的頭部信息<

2、;title>fe題 </title>-網(wǎng)頁的標(biāo)題</head><body> 網(wǎng)頁的主體，網(wǎng)頁容主要展示的局部網(wǎng)頁的主要容</body></html>二. 文本格式的應(yīng)用1、標(biāo)題標(biāo)記 <hn>,n 的取值 1-6,1 級標(biāo)題最大 效果：加粗顯示，帶有自動換行屬性：align控制標(biāo)題的對齊方式，取值 left左對齊，默認(rèn)值|center居中|right右對 齊2、段落標(biāo)記 <p>效果：把容分段展示，自動換行屬性：align,控制段落容的對齊方式，取值 left左對齊，默認(rèn)值|center居中|right右

3、對齊3、換行符 <br />,單標(biāo)記,不需要完畢標(biāo)記,換行但不分段 空格符號 ： &nbsp ;表示一個空格強(qiáng)制換行符 ： <br />4、水平線標(biāo)記 <HR />,單標(biāo)記效果： 水平線 ,默認(rèn)是一個粗細(xì)為 2px 像素的線條屬性： size 控制水平線的粗細(xì),取值為整數(shù),單位為像素pxwidth 控制水平線的長度,取值可以是像素單位,也可以是百分?jǐn)?shù)相對于瀏覽器窗口百分比noshade設(shè)置水平線不帶有陰影，該屬性不需要取值color 設(shè)置水平線的顏色,取值可以是英文的顏色值,也可以是十六進(jìn)制的顏色代碼align控制水平線的對齊方式，取值 left（左

4、對齊）|center居中，默認(rèn)值|right右對齊5、分節(jié)標(biāo)記 <div> 效果：把容設(shè)置為一節(jié),前后帶有自動換行屬性：align控制div中容的對齊方式，取值 left左對齊，默認(rèn)值|center居中|right右 對齊6、居中標(biāo)記符 <center>效果：把center標(biāo)記中的容居中顯示7、文本控制標(biāo)記 <font>效果：控制字體的各種顯示樣式屬性 ：size 控制字體的大小,取值為絕對值時,1-7 ,數(shù)字越大字體越大,取相對值時,參考的是默認(rèn)字體 3號 ,取值在-2-+4 之間color 控制字體的顏色face 控制字體的字體,取值可以是多個值,多個值

5、之間使用逗號分割,取值時從左往右依次取值,找到適宜的值為止,假設(shè)都不支持,使用默認(rèn)格式顯示8、字體的物理樣式 加粗： <b> 斜體： <i> 下劃線： <u> 刪除線： <s> 上標(biāo)： <sup> 下標(biāo)： <sub>1、常用邏輯字符<ADDRESS> 網(wǎng)頁設(shè)計者或維護(hù)者的信息，通常顯示為斜體 <CITE>表示文本屬于引用，通常顯示為斜體<CODE> ? 表示程序代碼，通常顯示為固定寬度字體 <DFN>表示定義了的術(shù)語，通常顯示為黑體或斜體<EM>強(qiáng)調(diào)某些字詞，通常

6、顯示為斜體<KBD>表用戶的鍵盤輸入，通常顯示為固定寬度字體<SAMP>表示文本樣本，通常顯示為固定寬度字體<STRONG> 特別強(qiáng)調(diào)某些字詞，通常顯示為粗體 <VAR> 表示變量，通常顯示為斜體2、列表標(biāo)記1有序列表，<ol>，需要配合<li>標(biāo)記使用一個<li>標(biāo)記對應(yīng)一個選項ol的屬性：type控制列表的符號樣式，取值1|A|a|i|I，默認(rèn)是1start 控制列表的起始值，取值為任意的整數(shù)li的屬性：type控制選項自身的符號樣式，取值1|A|a|i|lvalue 控制選項本身的起始值，取值為任意整數(shù)，

7、但是修改自身起始值之后，會對同一個列 表中本選項之后的同級<li>標(biāo)記產(chǎn)生影響2、無序列表，<ul>，配合<li>標(biāo)記使用一個<li>標(biāo)記對應(yīng)一個選項ul的屬性：type控制所有選項的符號樣式，取值disc實(shí)心圓，默認(rèn)值|circle空心圓|square方塊li的屬性：type控制選項本身的符號樣式 li標(biāo)記用在ol中，type屬性的取值跟ol的type屬性取值走，用在 Ul中，跟著Ul的type 屬性取值走3、定義列表，Vdl>,完成對定義列表的聲明<dt>，術(shù)語標(biāo)記，可以理解為類似于列表選項的標(biāo)題使用<dd>,描

8、述標(biāo)記，可以理解為類似于列表的選項使用三. 在網(wǎng)頁中使用圖片標(biāo)記：<img>,單標(biāo)記，不需要完畢標(biāo)記屬性： src 引入圖片資源的路徑絕對路徑： 資源在效勞器上的位置，該位置是從盤符出發(fā)相對路徑： 資源在效勞器上的相對位置，從網(wǎng)頁本身出發(fā)返回上一層文件夾width 控制顯示圖片的寬度，取值為像素或者百分?jǐn)?shù)height 控制顯示圖片的高度，取值為像素或者是百分?jǐn)?shù)只設(shè)置寬度或高度時，圖片保持等比縮放，同時設(shè)置時，同時生效border 控制顯示圖片的邊框，取值為像素，默認(rèn)不顯示邊框hspace控制顯示圖片水平方向上的空白，取值為像素vspace控制顯示圖片垂直方向上的空白，取值為像素al

9、ign 控制圖片和周圍文本的對齊方式垂直方向上 ：top 文本和圖片頂部對齊bottom 文本底部和圖片底部對齊middle 文本的底部和圖片的中部對齊absmiddle絕對中間對齊，文本的中部和圖片的中部對齊水平方向上： left 圖片在左，文本在右right 文本在左，圖片在右圖片的對齊方式：借助<div>或者vp>四. 在網(wǎng)頁中使用超4、超標(biāo)記：<a>v/a>B過跳轉(zhuǎn)到新的資源屬性： href 的目標(biāo)資源的路徑這個網(wǎng)絡(luò)通信協(xié)議外部資源時，一定是絕對路徑，并且需要在路徑前加上 【】target 指定超的翻開方式， _self 在自身的頁面翻開超 （默認(rèn)的

10、翻開方式 ）， _blank 重新翻開一個新的瀏覽器窗口建立錨點(diǎn)書簽部書簽1設(shè)置錨點(diǎn)的名稱例如：<a name二錨點(diǎn)名”v/a>2、使用超完成跳轉(zhuǎn)例如：<a href二”#錨點(diǎn)名">.</a>外部書簽1設(shè)置錨點(diǎn)的名稱例如：<a name二錨點(diǎn)名">.</a>2、使用超完成跳轉(zhuǎn)例如：<a href二錨點(diǎn)所在頁面的路徑#錨點(diǎn)名">.</a>超發(fā)送電子，格式<a href二”mailto地址”>發(fā)送v/a>2、多媒體五. 表格的應(yīng)用表格的構(gòu)造<table>-

11、 聲明表格<caption>.</caption>- 表格的標(biāo)題<tr> 表格的行<td></td>- 表格的列</tr><tr> 表格的行<td> </td>- 表格的列</tr></table>Vtable記，定義表格，所有表格的容書寫在 table開場和/table完畢標(biāo)記之間屬性： frame 控制表格最外層的四個邊框取值： void 默認(rèn)值，不顯示邊框above 僅顯示上邊框below 僅顯示下邊框hsides 顯示上下邊框vsides 顯示左右邊框lh

12、s 僅顯示左邊框rhs 僅顯示右邊框box、 border 顯示四個邊框rules 控制表格局部割線取值： none 默認(rèn)值，不顯示rows 顯示行分割線cols 顯示列分割線all 顯示所有分割線bordercolor 控制邊框的顏色border 控制表格的所有邊框，取值為像素cellspacing 控制單元格與單元格之間的空白，取值為像素cellpadding 控制單元格容和單元格邊框之間的空白，取值為像素 width 設(shè)置單元格的寬度，取值為像素或者百分?jǐn)?shù)height 設(shè)置單元格的高度，取值為像素或者百分?jǐn)?shù)alig n 控制表格的對齊方式，取值 left（默認(rèn)值）|ce nter|rig

13、htbgcolor 設(shè)置表格的背風(fēng)光background 設(shè)置表格的背景圖當(dāng)背風(fēng)光和背景圖同時設(shè)定時，優(yōu)先使用背景圖vcaption>表格的標(biāo)題，必須書寫在vtable間屬性：align控制表格標(biāo)題的位置，取值top（標(biāo)題在表格的頂部）|bottom標(biāo)題在表格的底部<tr> 定義表格的行屬性：align控制整行單元格容的水平對齊方式，取值left默認(rèn)值，缺省值|center|rightvalign控制整行單元格容的垂直對齊方式，取值top|middle默認(rèn)值|bottomheight 設(shè)置行的高度，取值為像素bgcolor 設(shè)置行的背風(fēng)光background 設(shè)置行的背景圖b

14、ordercolor 設(shè)置行的邊框顏色<td> 列標(biāo)記<th>列標(biāo)題標(biāo)記都可以作為列使用，<th>列標(biāo)題標(biāo)記，容有加粗顯示的效果，并且?guī)в凶詣泳又袑傩裕?align 控制單元格容的水平方向?qū)R方式，取值 left|center|rightvalign控制單元格容的垂直方向?qū)R方式，取值top|middle默認(rèn)值|bottom height 設(shè)置單元格的高度，取值以像素為單位，當(dāng)同一行中不同的單元格設(shè)置的高度也不 一樣時，整行的高度取值按最大值來width 設(shè)置單元格的寬度，取值以像素為單位，當(dāng)同一列中不同行的單元格設(shè)置的寬度不 一樣時，整列的寬度取值按最大值

15、來bgcolor 設(shè)置單元格的背風(fēng)光bakgro und設(shè)置單元格的背景圖rowspa n合并行colspa n合并列合并行和合并列的取值都是整數(shù)，合并幾個單元格取值就是幾六 . 框架的應(yīng)用1、框架框架集標(biāo)記vframeset>在原有的html構(gòu)造根底上，vframeset潛換了 <body>的位置，換句話說，<frameset>W <body>能共存，只能出現(xiàn)一個屬性 ：rows 設(shè)置橫向框架的數(shù)量和高度，框架的數(shù)量取決于 rows 屬性的取值個數(shù)，每 個框架的高度取決于值的大小cols 設(shè)置縱向框架的數(shù)量和寬度， 框架的數(shù)量取決于 cols 屬性的

16、取值個數(shù)， 每個框架的 寬度取決于值的大小rows 和 cols 的取值方式1、像素值2、百分?jǐn)?shù)3、比例取值rows 和 cols 取值，可以有多個值，值與值之間使用逗號分割，并且不能有空格格，cols和 rows 屬性一般不同時設(shè)定，要想實(shí)現(xiàn)頁面的縱向和橫向分割，可以使用框架的嵌套來實(shí)現(xiàn)frameborder使用在frameset中，可以控制框架集下的所有框架邊框是否顯示框架標(biāo)記 <frame />,單標(biāo)記屬性： src 引入目標(biāo)資源的路徑n ame給框架起名字，需要配合超的 target屬性來使用，到達(dá)目標(biāo)框架的目的 frameborder控制框架的邊框是否顯示，0表示不顯示，

17、1顯示默認(rèn)的3D邊框scrolling控制框架是否參加滾動條，取值yes（參加滾動條，需要時參加）|no（不參加滾動條）|auto（需要時參加滾動條，默認(rèn)值 ）noresize 固定框架的邊框，該屬性不需要取值marginheight 在框架中顯示容時，控制容和框架上下邊框之間的空白，取值以像素為單位，以上邊框?yàn)闇?zhǔn)marginwidth 在框架中顯示容時， 控制容和框架左右邊框之間的空白， 取值以像素為單位， 以左邊框?yàn)闇?zhǔn)vnoframes >當(dāng)瀏覽器不支持框架時，顯示的替換容，必須包含一對<body>標(biāo)記使用七、表單的應(yīng)用表單1表單標(biāo)記<form>,表單不能嵌套

18、使用，所有表單的容必須書寫在表單的開場標(biāo)記和完畢標(biāo)記之間 表單構(gòu)造：vform>vinput type=text> 單行文本格式vinput type=password> 密碼輸入框vinput type=checkbox >復(fù)選框格式>單項選擇框格式radio name= >j_ j_I H<input type=radio name=sex<input type=submit >提交的格式<input type=reset >重置格式<input type=button >自定義格式 <select> 下拉菜單格式 voptio n> 漢族 v/opti on>voptio n> 滿族 v/opti on>voptio n>壯族 v/optio n>voptio n> 土家族 v/opti on>v/select>vtextarea >cols二"50"

溫馨提示

  • 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)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論