HTML视频笔记
一、HTML的概述（了解）
????????a.html是什么?：?hypertext?markup?language?超文本標(biāo)記語言
???????????????????超文本：音頻，視頻，圖片稱為超文本。.
???????????????????標(biāo)記?：<英文單詞或者字母>稱為標(biāo)記.?一個(gè)HTML頁面都是由各種標(biāo)記組成。
????b.作用：編寫HTML頁面。
????????c.HTML語言不是一個(gè)編程語言(有編譯過程)，而是一個(gè)標(biāo)記語言(沒有編譯過程).
????????????HTML頁面直接由瀏覽器解析執(zhí)行。?
二、HTML的歷史（了解）
三、HTML的網(wǎng)絡(luò)術(shù)語（明白）
????*?網(wǎng)頁?：由各種標(biāo)記組成的一個(gè)頁面就叫網(wǎng)頁?.
????*?主頁(首頁)?:?一個(gè)網(wǎng)站的起始頁面或者導(dǎo)航頁面?.
????*?標(biāo)記:<p>稱為開始標(biāo)記??</p>稱為結(jié)束標(biāo)記.?也叫標(biāo)簽.每個(gè)標(biāo)簽都規(guī)定好了特殊的含義。
????*?元素：<p>內(nèi)容</p>?稱為元素.
????*?屬性：?給每一個(gè)標(biāo)簽所做的輔助信息。
????*?xhtml：?符合XML語法標(biāo)準(zhǔn)的HTML。
????*?dhtml：dynamic,動(dòng)態(tài)的。javascript?+?css?+?html?合起來的頁面就是一個(gè)dhtml
????*?http：協(xié)議標(biāo)準(zhǔn)。用來規(guī)定客戶端瀏覽器和服務(wù)端交互時(shí)數(shù)據(jù)的一個(gè)格式。SMTP?郵件傳輸協(xié)議,ftp:文件傳輸協(xié)議.
四、HTML的編輯工具（了解）
????????*.notepad?記事本
????????*.editplus?:?語法高亮顯示
????????????????技巧：?根據(jù)顏色判斷單詞是否出錯(cuò)。?（不是100%）
????????*.ultraedit?:?根據(jù)顏色判斷單詞是否出錯(cuò),可以顯示2進(jìn)制數(shù)據(jù).
????????*.dw(dreamweaver,專業(yè)工具)??代碼提示.
五、HTML的規(guī)范(知道)
????*.HTML是一個(gè)弱勢(shì)語言
????????*.html?不區(qū)分大小寫
????????*.html頁面的后綴名是html或者h(yuǎn)tm(有一些系統(tǒng)不支持后綴名長(zhǎng)度超過3個(gè)字符，比如dos系統(tǒng))
????????*.html?的結(jié)構(gòu)
????????????????1)聲明部分。主要作用是用來告訴瀏覽器這個(gè)頁面使用的是那個(gè)標(biāo)準(zhǔn)。<!doctype?html>是HTML5標(biāo)準(zhǔn)。
????????????????2)head部分：?不會(huì)顯示在頁面上。作用是告訴瀏覽器一些頁面的額外信息。
????????????????3)body部分：我們縮寫的代碼必須放在此標(biāo)簽內(nèi)。
六、HTML的各種標(biāo)簽(掌握)
??明確：每個(gè)標(biāo)簽都有私有屬性。也都有公有屬性。
?????????html中表示長(zhǎng)度的單位都是像素。HTML只有一種單位就是像素。
???body:??
????????????????bgcolor:?背景顏色
????????????????background:背景圖片
????????????????text:?文本顏色
????????????????
1.排版標(biāo)簽????????
????????所有的瀏覽器默認(rèn)情況下都會(huì)忽略空格和空行
????????????????P：p代表一個(gè)段落
????????????????????????屬性：?align:對(duì)齊方式.?取值：left,right,center
????????????????<br>代表是換行。
????????????????hr:
????????????????????????color:?線的顏色
????????????????????????size?:?線的粗細(xì)
????????????????????????width:?線的長(zhǎng)短
????????????????????????????????????兩種寫法：?1)?絕對(duì)值??eg:?500
???????????????????????????????????????????????????????????2)?相對(duì)值：?50%
????????????????????????noshade:?不要陰影
????????????????????????align:?對(duì)齊方式?取值：?left,right,center
????????????????center:?內(nèi)容居中
????????????????pre:?預(yù)定義格式標(biāo)簽?.告訴瀏覽器不要忽略空格和空行
????????????????div:?塊級(jí)標(biāo)簽??必須單獨(dú)占據(jù)一行
???????????????????????????屬性：?align?:
????????????????span:?塊級(jí)標(biāo)簽?不換行字體標(biāo)記????
2?字體標(biāo)簽
????????????????h1...h6:定義字體大小
????????????????????????屬性：?align?:居中
????????????????font:
????????????????????????color:字體顏色
????????????????????????????????顏色的寫法有3種：?1)英文單詞:?red?
??????????????????????????????????????????????????????????????2)十六進(jìn)制：#00ffcc
??????????????????????????????????????????????????????????????????3)RGB(三原色)?:?new? size:字號(hào) 取值（1-7） face:字體類型 RGB(124,156,23)
????????????????????????size:字體大小
????????????????????????face：字體類型
????????????????特殊字符：?<小于?>大于?&?&符號(hào)?"?雙引號(hào)'單引號(hào)
???????????????????????????????????????????©?版權(quán)?™商標(biāo)? 空格
???????????????????????????????????????????擴(kuò)展：绐?
????????????????b:?加粗
????????????????strong:?加粗
????????????????i:斜體
????????????????em:?斜體
????????????????u:?下劃線
????????????????s:?中劃線(刪除線)
????????????????sup:?上標(biāo)
????????????????sub:?下標(biāo).??
3.圖像標(biāo)記????????
????????????????img:?代表是一副圖片
???????????????????屬性：?src?:?圖片的路徑
????????????????????????????????兩種寫法：a)?:?相對(duì)路徑?路徑是相對(duì)頁面所在的路徑?兩個(gè)標(biāo)記.和..?,分表代表當(dāng)前目錄和父路徑
??????????????????????????????????????????????????????????b)?：絕對(duì)路徑
????????????????????????????????????????????????????????????????????????????????1)?:?以盤符開始的路徑
????????????????????????????????????????????????????????????????????????????????????????????eg:?C:\Documents?and?Settings\Administrator\桌面\day01_html\上課示例/images/1.jpg
????????????????????????????????????????????????????????????????????????????????????????2)?:?網(wǎng)絡(luò)路徑
????????????????????????????????????????????????????????????????????????????????????????????????eg:?http://www.baidu.com/images
?????????????????????????????????width:?寬度
?????????????????????????????????height：高度
?????????????????????????????????Alt：當(dāng)圖片顯示不出來的時(shí)候代替圖片顯示的內(nèi)容
?????????????????????????????????title：?提示性文本
?????????????????????????????????border:?邊框
????????????????熱點(diǎn)：?就是特定的位置添加超鏈。
?????????????????????????????????<img?src="images/1.jpg"?width="300"?height="300"?usemap="#Map"?border="0"?/>
????????????????????????????????????????<map?name="Map"?id="Map">
????????????????????????????????????????????????<area?shape="circle"?coords="122,81,38"?href="demo_字體標(biāo)簽.html"?/>
????????????????????????????????????????</map>
4.清單標(biāo)記
????????????????列表標(biāo)簽：3種
????????????????????????a.無序列表ul
????????????????????????????????屬性：type?:?值：?disc(默認(rèn)，實(shí)心原點(diǎn)),square(實(shí)心方點(diǎn)),circle(空心圓)
????????????????????????b.有序列表(OL)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? type屬性:A,a,I,i,1.默認(rèn)是阿拉伯?dāng)?shù)字 1 ? ?? start(控制序號(hào)開始的值)默認(rèn)開始值為1 c.定義列表(dl)
?????????????????????????????????dt:?列表項(xiàng)的標(biāo)題
?????????????????????????????????dd:?列表項(xiàng)
5.超鏈接????????
????????????????3種超鏈接:
????????????????????????1.?連接到其他頁面
????????????????????????2.?錨:?指給超鏈接起一個(gè)名字，作用是連接到本頁面或者其他頁面的特定位置。使用name屬性給超鏈起名字
????????????????????????3.?連接到郵件:?<a?href?=?"mailto:xugang@itcast.cn">進(jìn)入我的郵箱</a>
????????????????????????????????屬性：target:?告訴瀏覽器怎么顯示目標(biāo)頁面?
????????????????????????????????????????????????HTML中已定義4個(gè)值：?_self?:在同一個(gè)瀏覽器中顯示
????????????????????????????????????????????????????????????????????????????????_blank:?打開新的瀏覽器顯示
????????????????????????????????????????????????????????????????????????????????_parent:?在父窗口中顯示
????????????????????????????????????????????????????????????????????????????????_top:?在頂級(jí)窗口中顯示
6.表格標(biāo)記
????table:?表格
??????????????????屬性：border:邊框
????????????????????????????????width:寬度
????????????????????????????????height：高度
????????????????????????????????align:表格的對(duì)齊方式
????????????????????????????????cellpadding:單元格內(nèi)容到邊的距離
????????????????????????????????cellspacing:單元格和單元格之間的距離
????????????????????????????????bgcolor:背景顏色
????????????????????????????????background:背景圖片
????????????????????????????????bordercolorlight:表格的上，左邊框，以及單元格的右，下邊框的顏色
????????????????????????????????bordercolordark:?表格的右，下邊框，以及單元格上，左的邊框的顏色
????????????????????????????????dir:單元格內(nèi)容的排列方式?取值：ltr?從左到右，?rtl:從右到左
????????????????tr:?行
??????????????????屬性：dir:
????????????????????????????????bgcolor:
????????????????td:?單元格
??????????????????屬性：?align:?內(nèi)容的橫向?qū)R方式
?????????????????????????????????valign:?內(nèi)容的縱向?qū)R方式?top,middle,bottom
?????????????????????????????????width:?絕對(duì)值或者相對(duì)值(%)
?????????????????????????????????height:單元格的高度
????????????????單元格的合并：
??????????????????????單元格的屬性：
??????????????????????????????colspan:?橫向合并
??????????????????????????????????rowspan:?縱向合并
?????????????????th:?相當(dāng)于<td>?+?<b>
????????????????????屬性同<td>
????????????????caption:?表格的標(biāo)題
???????????????????屬性：align:?取值：left,center,right,top,bottom
????????????????thead
????????????????tbody
????????????????tfoot
???????????????????寫與不寫的區(qū)別：?
???????????????????????????1.?當(dāng)表格非常大的時(shí)候，如果不寫，則必須等表格的內(nèi)容全部下載完成才能顯示。但是用tbody標(biāo)簽的話，那么邊下載邊顯示。????????????????????????????????????????2.如果不寫thead,tbody,tfoot那么瀏覽器解析表格內(nèi)容的時(shí)候是從上到下解析。如果寫了，那么順序任意，瀏覽器解析的時(shí)候還是按照thead,tbody,tfoot的順序顯示內(nèi)容
7.框架標(biāo)記及<iframe>
????????框架頁面上不允許有body標(biāo)簽
????????????????frameset:?框架的集合
????????????????????????rows:?縱向分部框架.?
????????????????????????cols:?橫向分部框架.
??????????????????????????????寫法有兩種:?1)?絕對(duì)值??"200,*"?,*代表剩余的
??????????????????????????????????????????????????????????2)?相對(duì)值??"30%,*"
????????????????frame:?框架.?一個(gè)框架顯示一個(gè)頁面
????????????????????????scrolling:?是否需要滾動(dòng)條。默認(rèn)是true
????????????????????????noresize?:?固定框架大小
????????????????????????bordercolor:?給框架邊框起一個(gè)顏色
????????????????????????name?:?給框架起一個(gè)名字
????????????????????????????????內(nèi)嵌框架：?嵌入在一個(gè)頁面上的框架.(僅僅IE支持)
????????????????????????????????iframe:
<iframe src="../code/1.jpg" width="400" height="300"/> 屬性 name=“mainFrame“ 窗口名稱 width=“800px“ ?寬度 height=“150px” ? 高度 scrolling=“yes” ?是否允許滾動(dòng) src=“subframe/the_second.html“ 鏈接的網(wǎng)頁
8.表單標(biāo)記及語義化 表單標(biāo)簽：<form>用于與服務(wù)器端的交互。 <input>：輸入標(biāo)簽 ,接收用戶輸入,Type屬性 ?text,password,radio,checkbox,hidden, ?submit,reset,button,file，image ? <select>標(biāo)簽 下拉列表 ?size ?selected ? <textare>標(biāo)簽 多行文本框 <lable>:for屬性配合id一起用形成標(biāo)注 form表單的兩種提交方式的區(qū)別 <form action="" method="post" > <fieldset> <!--域--> ?? <legend>用戶信息</legend> ? ?<!--域標(biāo)題--> 姓名：<input type="text"/> ? ?</fieldset> </form>
9.多媒體標(biāo)記
多媒體文件的鏈接 ?<embed src="zxmzf.mp3" width="300" ?height="300" autostart="true" ?loop="true"></embed>
在網(wǎng)頁中加入背景音樂 ?<bgsound src="zxmzf.mp3" loop="-1" /> ?
跑馬燈 ? <marquee behavior=“alternate” width>
????????????????bgsound:?背景音樂?
????????????????embed:?播放多媒體文件.
????????????????marquee:?移動(dòng)
????????????????????????屬性：direction?移動(dòng)目標(biāo)方向?left,right?,up,down?,up，down移動(dòng)距離是固定的200px
??????????????????????????????????behavior:?行為方式?取值：slide,alternate,scroll
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? scrollamount?:?移動(dòng)速度
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? loop:?循環(huán)多少圈。負(fù)值表示無限循環(huán)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? scrolldelay:?移動(dòng)一次休息多長(zhǎng)時(shí)間。單位是毫秒
10.頭標(biāo)簽 頭標(biāo)簽都放在<head></head>頭部分之間。包括：title base meta link <title>：指定瀏覽器的標(biāo)題。 <base>：為頁面上的所有鏈接規(guī)標(biāo)題欄顯示的內(nèi)容定默認(rèn)地址或默認(rèn)目標(biāo)。? <meta>：可提供有關(guān)頁面的基本信息 <link>：定義文檔與外部資源的關(guān)系。
補(bǔ)充： 水平線標(biāo)記<hr> ? ? ? ?
屬性： ? 1.align="" ? ? ? ? ? ? ? 設(shè)定線條置放位置，可選擇：left；right；center 三種設(shè)定值。 ? ? ? ? ? ? 2.size="2" ? ? ? ? ? ? ? 設(shè)定線條厚度，以像素作單位，內(nèi)定為 2。 ? 3.width="70%" ? ? ? ? ? ? ? 設(shè)定線條長(zhǎng)度，可以是絕對(duì)值或相對(duì)值，內(nèi)定為100%。 ? ? ? ? ? ? 4.color="#0000FF" 『只適用于IE』 ? ? ? ? ?? 5.noshade 設(shè)定線條為平面顯示，若刪去則具陰影或立體，這是內(nèi)定值
????????a.html是什么?：?hypertext?markup?language?超文本標(biāo)記語言
???????????????????超文本：音頻，視頻，圖片稱為超文本。.
???????????????????標(biāo)記?：<英文單詞或者字母>稱為標(biāo)記.?一個(gè)HTML頁面都是由各種標(biāo)記組成。
????b.作用：編寫HTML頁面。
????????c.HTML語言不是一個(gè)編程語言(有編譯過程)，而是一個(gè)標(biāo)記語言(沒有編譯過程).
????????????HTML頁面直接由瀏覽器解析執(zhí)行。?
二、HTML的歷史（了解）
三、HTML的網(wǎng)絡(luò)術(shù)語（明白）
????*?網(wǎng)頁?：由各種標(biāo)記組成的一個(gè)頁面就叫網(wǎng)頁?.
????*?主頁(首頁)?:?一個(gè)網(wǎng)站的起始頁面或者導(dǎo)航頁面?.
????*?標(biāo)記:<p>稱為開始標(biāo)記??</p>稱為結(jié)束標(biāo)記.?也叫標(biāo)簽.每個(gè)標(biāo)簽都規(guī)定好了特殊的含義。
????*?元素：<p>內(nèi)容</p>?稱為元素.
????*?屬性：?給每一個(gè)標(biāo)簽所做的輔助信息。
????*?xhtml：?符合XML語法標(biāo)準(zhǔn)的HTML。
????*?dhtml：dynamic,動(dòng)態(tài)的。javascript?+?css?+?html?合起來的頁面就是一個(gè)dhtml
????*?http：協(xié)議標(biāo)準(zhǔn)。用來規(guī)定客戶端瀏覽器和服務(wù)端交互時(shí)數(shù)據(jù)的一個(gè)格式。SMTP?郵件傳輸協(xié)議,ftp:文件傳輸協(xié)議.
四、HTML的編輯工具（了解）
????????*.notepad?記事本
????????*.editplus?:?語法高亮顯示
????????????????技巧：?根據(jù)顏色判斷單詞是否出錯(cuò)。?（不是100%）
????????*.ultraedit?:?根據(jù)顏色判斷單詞是否出錯(cuò),可以顯示2進(jìn)制數(shù)據(jù).
????????*.dw(dreamweaver,專業(yè)工具)??代碼提示.
五、HTML的規(guī)范(知道)
????*.HTML是一個(gè)弱勢(shì)語言
????????*.html?不區(qū)分大小寫
????????*.html頁面的后綴名是html或者h(yuǎn)tm(有一些系統(tǒng)不支持后綴名長(zhǎng)度超過3個(gè)字符，比如dos系統(tǒng))
????????*.html?的結(jié)構(gòu)
????????????????1)聲明部分。主要作用是用來告訴瀏覽器這個(gè)頁面使用的是那個(gè)標(biāo)準(zhǔn)。<!doctype?html>是HTML5標(biāo)準(zhǔn)。
????????????????2)head部分：?不會(huì)顯示在頁面上。作用是告訴瀏覽器一些頁面的額外信息。
????????????????3)body部分：我們縮寫的代碼必須放在此標(biāo)簽內(nèi)。
六、HTML的各種標(biāo)簽(掌握)
??明確：每個(gè)標(biāo)簽都有私有屬性。也都有公有屬性。
?????????html中表示長(zhǎng)度的單位都是像素。HTML只有一種單位就是像素。
???body:??
????????????????bgcolor:?背景顏色
????????????????background:背景圖片
????????????????text:?文本顏色
????????????????
1.排版標(biāo)簽????????
????????所有的瀏覽器默認(rèn)情況下都會(huì)忽略空格和空行
????????????????P：p代表一個(gè)段落
????????????????????????屬性：?align:對(duì)齊方式.?取值：left,right,center
????????????????<br>代表是換行。
????????????????hr:
????????????????????????color:?線的顏色
????????????????????????size?:?線的粗細(xì)
????????????????????????width:?線的長(zhǎng)短
????????????????????????????????????兩種寫法：?1)?絕對(duì)值??eg:?500
???????????????????????????????????????????????????????????2)?相對(duì)值：?50%
????????????????????????noshade:?不要陰影
????????????????????????align:?對(duì)齊方式?取值：?left,right,center
????????????????center:?內(nèi)容居中
????????????????pre:?預(yù)定義格式標(biāo)簽?.告訴瀏覽器不要忽略空格和空行
????????????????div:?塊級(jí)標(biāo)簽??必須單獨(dú)占據(jù)一行
???????????????????????????屬性：?align?:
????????????????span:?塊級(jí)標(biāo)簽?不換行字體標(biāo)記????
2?字體標(biāo)簽
????????????????h1...h6:定義字體大小
????????????????????????屬性：?align?:居中
????????????????font:
????????????????????????color:字體顏色
????????????????????????????????顏色的寫法有3種：?1)英文單詞:?red?
??????????????????????????????????????????????????????????????2)十六進(jìn)制：#00ffcc
??????????????????????????????????????????????????????????????????3)RGB(三原色)?:?new? size:字號(hào) 取值（1-7） face:字體類型 RGB(124,156,23)
????????????????????????size:字體大小
????????????????????????face：字體類型
????????????????特殊字符：?<小于?>大于?&?&符號(hào)?"?雙引號(hào)'單引號(hào)
???????????????????????????????????????????©?版權(quán)?™商標(biāo)? 空格
???????????????????????????????????????????擴(kuò)展：绐?
????????????????b:?加粗
????????????????strong:?加粗
????????????????i:斜體
????????????????em:?斜體
????????????????u:?下劃線
????????????????s:?中劃線(刪除線)
????????????????sup:?上標(biāo)
????????????????sub:?下標(biāo).??
3.圖像標(biāo)記????????
????????????????img:?代表是一副圖片
???????????????????屬性：?src?:?圖片的路徑
????????????????????????????????兩種寫法：a)?:?相對(duì)路徑?路徑是相對(duì)頁面所在的路徑?兩個(gè)標(biāo)記.和..?,分表代表當(dāng)前目錄和父路徑
??????????????????????????????????????????????????????????b)?：絕對(duì)路徑
????????????????????????????????????????????????????????????????????????????????1)?:?以盤符開始的路徑
????????????????????????????????????????????????????????????????????????????????????????????eg:?C:\Documents?and?Settings\Administrator\桌面\day01_html\上課示例/images/1.jpg
????????????????????????????????????????????????????????????????????????????????????????2)?:?網(wǎng)絡(luò)路徑
????????????????????????????????????????????????????????????????????????????????????????????????eg:?http://www.baidu.com/images
?????????????????????????????????width:?寬度
?????????????????????????????????height：高度
?????????????????????????????????Alt：當(dāng)圖片顯示不出來的時(shí)候代替圖片顯示的內(nèi)容
?????????????????????????????????title：?提示性文本
?????????????????????????????????border:?邊框
????????????????熱點(diǎn)：?就是特定的位置添加超鏈。
?????????????????????????????????<img?src="images/1.jpg"?width="300"?height="300"?usemap="#Map"?border="0"?/>
????????????????????????????????????????<map?name="Map"?id="Map">
????????????????????????????????????????????????<area?shape="circle"?coords="122,81,38"?href="demo_字體標(biāo)簽.html"?/>
????????????????????????????????????????</map>
4.清單標(biāo)記
????????????????列表標(biāo)簽：3種
????????????????????????a.無序列表ul
????????????????????????????????屬性：type?:?值：?disc(默認(rèn)，實(shí)心原點(diǎn)),square(實(shí)心方點(diǎn)),circle(空心圓)
????????????????????????b.有序列表(OL)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? type屬性:A,a,I,i,1.默認(rèn)是阿拉伯?dāng)?shù)字 1 ? ?? start(控制序號(hào)開始的值)默認(rèn)開始值為1 c.定義列表(dl)
?????????????????????????????????dt:?列表項(xiàng)的標(biāo)題
?????????????????????????????????dd:?列表項(xiàng)
5.超鏈接????????
????????????????3種超鏈接:
????????????????????????1.?連接到其他頁面
????????????????????????2.?錨:?指給超鏈接起一個(gè)名字，作用是連接到本頁面或者其他頁面的特定位置。使用name屬性給超鏈起名字
????????????????????????3.?連接到郵件:?<a?href?=?"mailto:xugang@itcast.cn">進(jìn)入我的郵箱</a>
????????????????????????????????屬性：target:?告訴瀏覽器怎么顯示目標(biāo)頁面?
????????????????????????????????????????????????HTML中已定義4個(gè)值：?_self?:在同一個(gè)瀏覽器中顯示
????????????????????????????????????????????????????????????????????????????????_blank:?打開新的瀏覽器顯示
????????????????????????????????????????????????????????????????????????????????_parent:?在父窗口中顯示
????????????????????????????????????????????????????????????????????????????????_top:?在頂級(jí)窗口中顯示
6.表格標(biāo)記
????table:?表格
??????????????????屬性：border:邊框
????????????????????????????????width:寬度
????????????????????????????????height：高度
????????????????????????????????align:表格的對(duì)齊方式
????????????????????????????????cellpadding:單元格內(nèi)容到邊的距離
????????????????????????????????cellspacing:單元格和單元格之間的距離
????????????????????????????????bgcolor:背景顏色
????????????????????????????????background:背景圖片
????????????????????????????????bordercolorlight:表格的上，左邊框，以及單元格的右，下邊框的顏色
????????????????????????????????bordercolordark:?表格的右，下邊框，以及單元格上，左的邊框的顏色
????????????????????????????????dir:單元格內(nèi)容的排列方式?取值：ltr?從左到右，?rtl:從右到左
????????????????tr:?行
??????????????????屬性：dir:
????????????????????????????????bgcolor:
????????????????td:?單元格
??????????????????屬性：?align:?內(nèi)容的橫向?qū)R方式
?????????????????????????????????valign:?內(nèi)容的縱向?qū)R方式?top,middle,bottom
?????????????????????????????????width:?絕對(duì)值或者相對(duì)值(%)
?????????????????????????????????height:單元格的高度
????????????????單元格的合并：
??????????????????????單元格的屬性：
??????????????????????????????colspan:?橫向合并
??????????????????????????????????rowspan:?縱向合并
?????????????????th:?相當(dāng)于<td>?+?<b>
????????????????????屬性同<td>
????????????????caption:?表格的標(biāo)題
???????????????????屬性：align:?取值：left,center,right,top,bottom
????????????????thead
????????????????tbody
????????????????tfoot
???????????????????寫與不寫的區(qū)別：?
???????????????????????????1.?當(dāng)表格非常大的時(shí)候，如果不寫，則必須等表格的內(nèi)容全部下載完成才能顯示。但是用tbody標(biāo)簽的話，那么邊下載邊顯示。????????????????????????????????????????2.如果不寫thead,tbody,tfoot那么瀏覽器解析表格內(nèi)容的時(shí)候是從上到下解析。如果寫了，那么順序任意，瀏覽器解析的時(shí)候還是按照thead,tbody,tfoot的順序顯示內(nèi)容
7.框架標(biāo)記及<iframe>
????????框架頁面上不允許有body標(biāo)簽
????????????????frameset:?框架的集合
????????????????????????rows:?縱向分部框架.?
????????????????????????cols:?橫向分部框架.
??????????????????????????????寫法有兩種:?1)?絕對(duì)值??"200,*"?,*代表剩余的
??????????????????????????????????????????????????????????2)?相對(duì)值??"30%,*"
????????????????frame:?框架.?一個(gè)框架顯示一個(gè)頁面
????????????????????????scrolling:?是否需要滾動(dòng)條。默認(rèn)是true
????????????????????????noresize?:?固定框架大小
????????????????????????bordercolor:?給框架邊框起一個(gè)顏色
????????????????????????name?:?給框架起一個(gè)名字
????????????????????????????????內(nèi)嵌框架：?嵌入在一個(gè)頁面上的框架.(僅僅IE支持)
????????????????????????????????iframe:
<iframe src="../code/1.jpg" width="400" height="300"/> 屬性 name=“mainFrame“ 窗口名稱 width=“800px“ ?寬度 height=“150px” ? 高度 scrolling=“yes” ?是否允許滾動(dòng) src=“subframe/the_second.html“ 鏈接的網(wǎng)頁
8.表單標(biāo)記及語義化 表單標(biāo)簽：<form>用于與服務(wù)器端的交互。 <input>：輸入標(biāo)簽 ,接收用戶輸入,Type屬性 ?text,password,radio,checkbox,hidden, ?submit,reset,button,file，image ? <select>標(biāo)簽 下拉列表 ?size ?selected ? <textare>標(biāo)簽 多行文本框 <lable>:for屬性配合id一起用形成標(biāo)注 form表單的兩種提交方式的區(qū)別 <form action="" method="post" > <fieldset> <!--域--> ?? <legend>用戶信息</legend> ? ?<!--域標(biāo)題--> 姓名：<input type="text"/> ? ?</fieldset> </form>
9.多媒體標(biāo)記
多媒體文件的鏈接 ?<embed src="zxmzf.mp3" width="300" ?height="300" autostart="true" ?loop="true"></embed>
在網(wǎng)頁中加入背景音樂 ?<bgsound src="zxmzf.mp3" loop="-1" /> ?
跑馬燈 ? <marquee behavior=“alternate” width>
????????????????bgsound:?背景音樂?
????????????????embed:?播放多媒體文件.
????????????????marquee:?移動(dòng)
????????????????????????屬性：direction?移動(dòng)目標(biāo)方向?left,right?,up,down?,up，down移動(dòng)距離是固定的200px
??????????????????????????????????behavior:?行為方式?取值：slide,alternate,scroll
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? scrollamount?:?移動(dòng)速度
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? loop:?循環(huán)多少圈。負(fù)值表示無限循環(huán)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? scrolldelay:?移動(dòng)一次休息多長(zhǎng)時(shí)間。單位是毫秒
10.頭標(biāo)簽 頭標(biāo)簽都放在<head></head>頭部分之間。包括：title base meta link <title>：指定瀏覽器的標(biāo)題。 <base>：為頁面上的所有鏈接規(guī)標(biāo)題欄顯示的內(nèi)容定默認(rèn)地址或默認(rèn)目標(biāo)。? <meta>：可提供有關(guān)頁面的基本信息 <link>：定義文檔與外部資源的關(guān)系。
補(bǔ)充： 水平線標(biāo)記<hr> ? ? ? ?
屬性： ? 1.align="" ? ? ? ? ? ? ? 設(shè)定線條置放位置，可選擇：left；right；center 三種設(shè)定值。 ? ? ? ? ? ? 2.size="2" ? ? ? ? ? ? ? 設(shè)定線條厚度，以像素作單位，內(nèi)定為 2。 ? 3.width="70%" ? ? ? ? ? ? ? 設(shè)定線條長(zhǎng)度，可以是絕對(duì)值或相對(duì)值，內(nèi)定為100%。 ? ? ? ? ? ? 4.color="#0000FF" 『只適用于IE』 ? ? ? ? ?? 5.noshade 設(shè)定線條為平面顯示，若刪去則具陰影或立體，這是內(nèi)定值
轉(zhuǎn)載于:https://my.oschina.net/jiMap/blog/665887
總結(jié)
- 上一篇： 中兴霸道女总裁何雪梅投案自首 案发前净身
- 下一篇： vivo计算机背景,怎么修改VIVO手机