主要知識點:圖像 ? 鏈接 ?表格
? ? ? ? 今天是學(xué)習(xí)HTM的第六天,但是今天要記錄的知識點是兩天前的,因為偷了一下懶,所以欠下了好幾天的債。
一,圖像:
? ? ?圖像的格式包括:JPG ?png gif
? ? ?圖像元素(標(biāo)簽):<img>
? ? ?語法:<img src="圖像地址"> ?src:是指圖像的來源,img標(biāo)簽不是閉合標(biāo)簽
示例如下
1,背景圖像<body background="/123.jpg">gif 和jip文件均可以作用于HTML背景,如果圖像小于頁面,圖像會進行重復(fù)
2,排列圖片:未設(shè)置對其方式的圖像<img src="../123.j[g">
? ? ? ? ? ? ? ? ? 設(shè)置對其方式為bottom的圖像<img src="../123.jpg" align="bottom">
? ? ? ? ? ? ? ? ? 設(shè)置對其方式為middle圖像<img src="../123.jpg" align="middle">
? ? ? ? ? ? ? ? ? 設(shè)置對其方式為top圖像<img src="123.jpg" align="top">
圖像的屬相align相關(guān)的值還有center ?right left 。還可以設(shè)置圖像的寬weight ?高hight,對于weight和hight的屬性值可以放大或縮小圖像的值。
3,將圖像作為連接來使用:<a href="鏈接地址"><img border=0 src="123.jpg"></a>
二,鏈接:
鏈接有很多種形式,可以鏈接文字,圖像 ,瀏覽器地址,郵箱,另一個HTML文件, 錨點等多種形式,
鏈接文字:<a href="地址">文字</a>
鏈接圖像:<a href="圖像地址+文件名"></a>
錨點:<a name="錨點名稱">
在鏈接時,要找對絕對地址和相對地址(從里往外找時 ?../,從外往里找時 ? 文件名/運行文件)
三,表格
1,表格元素
table :創(chuàng)建表格
caption:表頭
tr :創(chuàng)建表格的行開始
td:創(chuàng)建表格的列開始
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è)置對其方式)
table屬性
1,border:設(shè)置邊框? 2,align(設(shè)置對其方式? 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下對齊 ? top上對齊 ?baseline與基線對齊)
align:(center right left)
接下來看一個示例:

代碼:

