Day2

圖片標(biāo)簽

alt屬性:主要給搜索引擎使用使索搜引擎可以“識(shí)別”該圖的具體內(nèi)容须肆。
border:用于設(shè)定圖片的邊框線的“粗細(xì)”治筒,單位還是px铆铆。
align:用于設(shè)定圖片的定位方式:靠左,劇中,靠右

圖像映射技術(shù)

形式:<area shape="設(shè)定形狀" coords="坐標(biāo)尺寸之類"
href="設(shè)定該區(qū)域的鏈接 " >
矩形: <areashape="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" >

表格技術(shù)初步

表格使用如下3個(gè)標(biāo)簽搭配以形成完整的表格基本表現(xiàn):
<table>
<tr>
<td>這個(gè)td中才是放置具體“內(nèi)容部分”的區(qū)域</td>
</tr>
</table>
table:用于“聲明”一個(gè)表格
tr:用于設(shè)定一個(gè)表格中的“一行”腾降,多行就使用多個(gè)tr配對(duì)。
td:用于設(shè)定一個(gè)行中的“一列”(單元格)碎绎,多個(gè)列就使用多個(gè)td螃壤。
—— 一個(gè)表格可以有多行,一個(gè)行可以有多列筋帖。
表格中的單元格可以進(jìn)行“合并”操作映穗,是通過td上的兩個(gè)屬性來實(shí)現(xiàn)。
table常用屬性:
width:
height:
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:
height:
bgcolor=”yellow” 設(shè)定單元格的背景顏色
background=”圖片地址url”: 設(shè)定單元格的背景圖
align=”left // center // right”: 設(shè)定單元格中的內(nèi)容的水平對(duì)齊方式
valign=”top // middle // bottom”: 設(shè)定單元格中的內(nèi)容的垂直對(duì)齊方式
colspan=”5”: 表示該單元格會(huì)水平向右邊合并5個(gè)“原始單元格”辕录,其本身相當(dāng)于“跨”5個(gè)列。
rowspan=”3”: 表示該單元格會(huì)垂直向下邊合并3個(gè)“原始單元格”梢卸,其本身相當(dāng)于“跨”3個(gè)行走诞。
tr的屬性:不多,也不常用

表格深入

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é):


<pre>

<pre> 想寫的代碼區(qū) </pre>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市求摇,隨后出現(xiàn)的幾起案子射沟,更是在濱河造成了極大的恐慌,老刑警劉巖月帝,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異幽污,居然都是意外死亡嚷辅,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門距误,熙熙樓的掌柜王于貴愁眉苦臉地迎上來簸搞,“玉大人,你說我怎么就攤上這事准潭〕每。” “怎么了?”我有些...
    開封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵刑然,是天一觀的道長(zhǎng)寺擂。 經(jīng)常有香客問我,道長(zhǎng)泼掠,這世上最難降的妖魔是什么怔软? 我笑而不...
    開封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮择镇,結(jié)果婚禮上挡逼,老公的妹妹穿的比我還像新娘。我一直安慰自己腻豌,他們只是感情好家坎,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著吝梅,像睡著了一般虱疏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上苏携,一...
    開封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天订框,我揣著相機(jī)與錄音,去河邊找鬼兜叨。 笑死穿扳,一個(gè)胖子當(dāng)著我的面吹牛衩侥,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播矛物,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼茫死,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了履羞?” 一聲冷哼從身側(cè)響起峦萎,我...
    開封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎忆首,沒想到半個(gè)月后爱榔,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡糙及,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年详幽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浸锨。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡唇聘,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出柱搜,到底是詐尸還是另有隱情迟郎,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布聪蘸,位于F島的核電站宪肖,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏健爬。R本人自食惡果不足惜匈庭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望浑劳。 院中可真熱鬧阱持,春花似錦、人聲如沸魔熏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蒜绽。三九已至镶骗,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間躲雅,已是汗流浹背鼎姊。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人相寇。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓慰于,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親唤衫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子婆赠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

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

  • (1)文檔類型 文檔類型:html文件的第一行代碼通常是聲明文檔網(wǎng)頁文檔類型(DTD),文檔類型可以簡(jiǎn)單的理解為 ...
    Y原諒閱讀 272評(píng)論 0 0
  • 表格技術(shù)初涉 表格:是指將一點(diǎn)范圍的區(qū)域分為“行列對(duì)齊”的若干個(gè)“格子”的一種技術(shù)佳励。 表格使用如下3個(gè)標(biāo)簽搭配以形...
    焦龍_f434閱讀 387評(píng)論 0 0
  • 1.多媒體及相關(guān)插件介紹:插件:就是其他軟件休里,只是掛接到瀏覽器中插件的兼容性其實(shí)很不好,但flash對(duì)各瀏覽器來說...
    冰天雪地_6409閱讀 297評(píng)論 0 1
  • 1.文檔類型:可以簡(jiǎn)單理解為不同的html版本赃承。2.xhtml文檔:將html的語法使用xml的嚴(yán)格標(biāo)準(zhǔn)去寫妙黍。3....
    在路上_80f5閱讀 269評(píng)論 0 2
  • 這是我們關(guān)于商業(yè)趨勢(shì)的No.005篇文章拭嫁。 電影《硅谷傳奇》中有一處喬布斯打給羅馬教廷惡作劇電話的橋段。 在創(chuàng)立蘋...
    老虎老濕閱讀 893評(píng)論 0 2