圖片和圖像映像技術(shù)
第四個(gè)視頻開始是回顧上節(jié)課的內(nèi)容:鏈接
<a href="mailto:郵箱地址">發(fā)郵件</a> 這是向別人發(fā)送文件。
<a href="文件路徑 url">下載</a> 這是下載文件搀菩,網(wǎng)頁文件可以直接打開眼刃。
其它標(biāo)簽
link: 主要用來鏈接css文件
base:用于當(dāng)前網(wǎng)頁所有的a鏈接目標(biāo)打開窗口。
<base tareget="_blank" /> 目標(biāo)網(wǎng)頁在新窗口打開胖腾。
<base tareget="_self" /> 目標(biāo)網(wǎng)頁在當(dāng)前窗口打開。
圖片標(biāo)簽
<img src=”圖片文件的路徑url” alt=”圖片的描述信息” width=”100” height=”50” border=”1”
align=”left || center || right” />
設(shè)置圖片的寬和高瘪松。border是圖片邊框粗細(xì)的屬性咸作,單位都是px。
align 是用來是圖片位置居左/中/右宵睦。
圖像映射技術(shù)
圖像映射意思就是在一張圖片的不同位置產(chǎn)生多個(gè)不同的鏈接记罚。
圖像映射技術(shù)需要一張圖片,需要"map"標(biāo)簽壳嚎,劃分出多個(gè)區(qū)域鏈接桐智,有三種形狀。
形式:<area shape="設(shè)定形狀" coords="坐標(biāo)尺寸之類" href="設(shè)定該區(qū)域的鏈接 " >
矩形:<area shape="rect" coords="矩形的左上角坐標(biāo)和右下角坐標(biāo)" href="01圖片標(biāo)記.html" >
圓形:<area shape="circle" coords="圓心的坐標(biāo)和半徑" href="01圖片標(biāo)記.html" >
多邊形:<area shape="poly" coords="連續(xù)的點(diǎn)的坐標(biāo)" href="01圖片標(biāo)記.html" >
坐標(biāo)的截妊滔凇:以“左上角”為原點(diǎn)说庭,向右為x正方向,向下為y正方向郑趁。
多媒體介紹口渔,表格初步
這里的多媒體不是狹義的多媒體,主要是播放聲音和視頻穿撮,而html4沒有這個(gè)功能缺脉,這些聲音和視頻都是flash來播放的痪欲。瀏覽器就需要一個(gè)插件來播放這些聲音和視頻。HTML使用一個(gè) object標(biāo)簽來承載攻礼。有的插件和瀏覽器不兼容业踢,只有flash和各種瀏覽器比較兼容。
html引入mp3聲音
<objekt classid=”clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95” width=”300” height=”300”>
<param name=”filename” value=”abc.mp3”/>
<param name=”autostart” value=”false”/>
<embed autostart=”false” src=”abc.mp3” width=”232” height=”232”></embed>
</obbject>
html引入flash,只需要用媒體標(biāo)簽礁扮,跟插入視頻差不多
表格初步各種標(biāo)簽功能
表格作用是將一定區(qū)域內(nèi)劃分為行列對其的若干個(gè)“格子”知举。
表格使用如下3個(gè)標(biāo)簽搭配以形成完整的表格基本表現(xiàn):
<table>
<tr>
<td>這個(gè)td中才是放置具體“內(nèi)容部分”的區(qū)域</td>
</tr>
</table>
table:用于“聲明”一個(gè)表格
tr:用于設(shè)定一個(gè)表格中的“一行”,多行就使用多個(gè)tr配對太伊。
td:用于設(shè)定一個(gè)行中的“一列”(單元格)雇锡,多個(gè)列就使用多個(gè)td。
—— 一個(gè)表格可以有多行僚焦,一個(gè)行可以有多列锰提。
表格中的單元格可以進(jìn)行“合并”操作,是通過td上的兩個(gè)屬性來實(shí)現(xiàn)芳悲。
table常用屬性:
width:設(shè)定表格的寬度
height:設(shè)定表格的高度
border:設(shè)定表格的邊框線立肘,其實(shí)會(huì)應(yīng)用整個(gè)表格的所有“邊框線”(每個(gè)單元格)
cellpadding: 設(shè)定單元格中的內(nèi)容與單元格的邊框線之間的“間距”,單位是px
cellspacing: 設(shè)定相鄰的兩個(gè)元格的邊框線之間的“間距”名扛,單位是px
bgcolor=”yellow” 設(shè)定表格的總體上的背景顏色
background=”圖片地址url”: 設(shè)定表格的總體上的背景圖
align=”left // center // right”: 設(shè)定表格總體上的定位方式谅年。
bordercolor:設(shè)定邊框線的顏色
td常用屬性:
width:設(shè)定單元格的寬度
height:設(shè)定單元格的高度
bgcolor=”yellow” 設(shè)定單元格的背景顏色
background=”圖片地址url”: 設(shè)定單元格的背景圖
align=”left // center // right”: 設(shè)定單元格中的內(nèi)容的水平對齊方式
valign=”top // middle // bottom”: 設(shè)定單元格中的內(nèi)容的垂直對齊方式
colspan=”5”: 表示該單元格會(huì)水平向右邊合并5個(gè)“原始單元格”,其本身相當(dāng)于“跨”5個(gè)列肮韧。
rowspan=”3”: 表示該單元格會(huì)垂直向下邊合并3個(gè)“原始單元格”融蹂,其本身相當(dāng)于“跨”3個(gè)行。
表格深入與案例弄企,字符實(shí)體
td用于設(shè)定一個(gè)普通單元格
th用于設(shè)定一個(gè)“標(biāo)題單元格”:其中的文字會(huì)自動(dòng)粗體并居中——凡是可以用td超燃,就可以用th
一個(gè)表格還可以設(shè)定一個(gè)“標(biāo)題”:在table 中使用caption標(biāo)簽,其中可是設(shè)定標(biāo)題文字
實(shí)際上桩蓉,作為表格“table”,其內(nèi)部的所有行還可以進(jìn)一步進(jìn)行“表格區(qū)域劃分”劳闹,通常有3種形式的表格區(qū)域:
thead:代表表格的“頭部”區(qū)域院究,其中可以放置tr(及其下屬)標(biāo)簽。
tbody:代表表格的“中部”區(qū)域(主體區(qū)域)本涕,同樣可以放tr——所有沒有明確使用分區(qū)標(biāo)簽歸到某個(gè)區(qū)域的tr標(biāo)簽业汰,都自動(dòng)隸屬于tbody分區(qū)∑杏保——也就是說样漆,tbody有可能自動(dòng)出現(xiàn)。
tfoot:代表表格的“尾部”區(qū)域晦闰,同樣可以放tr放祟。
表格標(biāo)簽關(guān)系總結(jié):
特殊字符
在html中鳍怨,如果出現(xiàn)了<> ,瀏覽器會(huì)自動(dòng)認(rèn)為這是一個(gè)標(biāo)簽跪妥,不會(huì)顯示出你想要的內(nèi)容鞋喇。這些特殊字符如下。
經(jīng)過四天看完了day2的內(nèi)容眉撵,里面介紹了關(guān)于HTML的一些基礎(chǔ)知識侦香,了解了鏈接的連接,圖片的插入纽疟,表格的使用罐韩,還有特殊字符∥坌啵總而言之散吵,這交給了我們各種html的標(biāo)簽意思。 讓我們可以看懂一個(gè)html的簡單編寫膘壶。