主要知識(shí)點(diǎn):圖像 ? 鏈接 ?表格
? ? ? ? 今天是學(xué)習(xí)HTM的第六天,但是今天要記錄的知識(shí)點(diǎn)是兩天前的伯顶,因?yàn)橥盗艘幌聭欣蚱玻郧废铝撕脦滋斓膫?/p>
一,圖像:
? ? ?圖像的格式包括:JPG ?png gif
? ? ?圖像元素(標(biāo)簽):<img>
? ? ?語(yǔ)法:<img src="圖像地址"> ?src:是指圖像的來(lái)源特铝,img標(biāo)簽不是閉合標(biāo)簽
示例如下
1暑中,背景圖像<body background="/123.jpg">gif 和jip文件均可以作用于HTML背景,如果圖像小于頁(yè)面鲫剿,圖像會(huì)進(jìn)行重復(fù)
2鳄逾,排列圖片:未設(shè)置對(duì)其方式的圖像<img src="../123.j[g">
? ? ? ? ? ? ? ? ? 設(shè)置對(duì)其方式為bottom的圖像<img src="../123.jpg" align="bottom">
? ? ? ? ? ? ? ? ? 設(shè)置對(duì)其方式為middle圖像<img src="../123.jpg" align="middle">
? ? ? ? ? ? ? ? ? 設(shè)置對(duì)其方式為top圖像<img src="123.jpg" align="top">
圖像的屬相align相關(guān)的值還有center ?right left 。還可以設(shè)置圖像的寬weight ?高h(yuǎn)ight灵莲,對(duì)于weight和hight的屬性值可以放大或縮小圖像的值雕凹。
3,將圖像作為連接來(lái)使用:<a href="鏈接地址"><img border=0 src="123.jpg"></a>
二政冻,鏈接:
鏈接有很多種形式枚抵,可以鏈接文字,圖像 赠幕,瀏覽器地址俄精,郵箱,另一個(gè)HTML文件榕堰, 錨點(diǎn)等多種形式竖慧,
鏈接文字:<a href="地址">文字</a>
鏈接圖像:<a href="圖像地址+文件名"></a>
錨點(diǎn):<a name="錨點(diǎn)名稱">
在鏈接時(shí),要找對(duì)絕對(duì)地址和相對(duì)地址(從里往外找時(shí) ?../逆屡,從外往里找時(shí) ? 文件名/運(yùn)行文件)
三圾旨,表格
1,表格元素
table :創(chuàng)建表格
caption:表頭
tr :創(chuàng)建表格的行開(kāi)始
td:創(chuàng)建表格的列開(kāi)始
2魏蔗,寫作方式一:
<table>
<capition></caption>
? ? <tr>
<td></td>
? ? ? </tr>
寫法二:
<table>
<caption></caption>
<thead></theaf>
<tbody></tbody>
<tfoot></tfoot>
<table>
3砍的,表格屬性 caption
1,style:(可以設(shè)置 ? 字體顏色莺治,字體大小廓鞠,), ? ? ?2帚稠,align(設(shè)置對(duì)其方式)
table屬性
1,border:設(shè)置邊框? 2床佳,align(設(shè)置對(duì)其方式? center right left)? 3,style(可以設(shè)置? 字體顏色滋早,字體大小) 4砌们,cellpadding(單元格內(nèi)容與邊框之間的空白) ?5杆麸,cellspacing(增加單元格之間的距離 ) ? 6,gbcolor(表格背景顏色),
4浪感,表格相關(guān)復(fù)雜操作
colspan:列合并
rowspan:行合并
valign: 內(nèi)容遲滯排列方式(middle居中 ? bottom下對(duì)齊 ? top上對(duì)齊 ?baseline與基線對(duì)齊)
align:(center right left)
接下來(lái)看一個(gè)示例:
代碼: