前端視頻2-第二部分

圖片和圖像映像技術(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的簡單編寫膘壶。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末错蝴,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子颓芭,更是在濱河造成了極大的恐慌顷锰,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件亡问,死亡現(xiàn)場離奇詭異官紫,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)州藕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進(jìn)店門束世,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人床玻,你說我怎么就攤上這事毁涉。” “怎么了锈死?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵贫堰,是天一觀的道長。 經(jīng)常有香客問我待牵,道長其屏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任缨该,我火速辦了婚禮偎行,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己蛤袒,他們只是感情好熄云,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著汗盘,像睡著了一般皱碘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上隐孽,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天癌椿,我揣著相機(jī)與錄音,去河邊找鬼菱阵。 笑死踢俄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的晴及。 我是一名探鬼主播都办,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼虑稼!你這毒婦竟也來了琳钉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蛛倦,失蹤者是張志新(化名)和其女友劉穎歌懒,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體溯壶,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡及皂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了且改。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片验烧。...
    茶點(diǎn)故事閱讀 39,981評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖又跛,靈堂內(nèi)的尸體忽然破棺而出碍拆,到底是詐尸還是另有隱情,我是刑警寧澤慨蓝,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布感混,位于F島的核電站,受9級特大地震影響菌仁,放射性物質(zhì)發(fā)生泄漏浩习。R本人自食惡果不足惜静暂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一济丘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦摹迷、人聲如沸疟赊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽近哟。三九已至,卻和暖如春鲫寄,著一層夾襖步出監(jiān)牢的瞬間吉执,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工地来, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留戳玫,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓未斑,卻偏偏與公主長得像咕宿,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子蜡秽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評論 2 355

推薦閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一府阀、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,243評論 1 41
  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋。注釋內(nèi)容不會(huì)被瀏覽器顯示芽突。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,059評論 1 25
  • HTML基礎(chǔ) 本文包括 HTML基本知識與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML试浙、CSS、java...
    廖少少閱讀 2,085評論 2 21
  • 其實(shí),心里空蕩蕩的睬澡。 本來是要回到南方固额,回到熟悉的廣州,那座呆了四年卻沒怎么踏出校門的城煞聪。 那兒有一直呼喚我回家的...
    懶人的荒誕夢閱讀 213評論 0 1
  • 從塔爾寺出發(fā)后斗躏,我們驅(qū)車前往青海湖,陳姐說我們要翻過拉脊山昔脯,也是日月山的支脈啄糙。 初聽拉脊山,我們以為是專門堆放垃圾...
    簡的時(shí)光閱讀 428評論 0 4