什么是文檔類型竿痰?
- 可以簡單的理解為不同的html版本
- 從html4.0或4.01以后數(shù)字版本號基本固定脆粥,但是在此基礎(chǔ)上又有分化:
1.嚴格型:可用的標簽相對較少砌溺,但能兼容更多的瀏覽器
2.寬松型:可用的標簽相對較多影涉,但能兼容的瀏覽器較少
3.框架型:一種特殊需要的類型,只能在frameset標簽的網(wǎng)頁中使用 - 從html5 開始就刪去了啰嗦的東西就剩<!DOCTYPE html >
鏈接標簽
<a herf="設(shè)定鏈接的目標網(wǎng)頁文件url" garget="設(shè)定要打開該網(wǎng)頁瀏覽器窗口的名字" target="打開窗口的位置">
- _blank 新的窗口(空白窗口)
- _self: 當前網(wǎng)頁本身這個窗口
- _parent: 當前窗口的“上一級”窗口 ——學(xué)frameset的時候才能應(yīng)用上规伐。
- _top: 當前窗口所在的窗口層級中的最頂層那個窗口 ——學(xué)frameset的時候才能應(yīng)用上蟹倾。
- target如果沒有設(shè)定,則現(xiàn)在通常的默認值是_self.
圖片標簽
- <img src=”圖片文件的路徑url” alt=”設(shè)定圖片的描述信息” width=”100” height=”50” border=”1” align=”left || center || right” />
- alt:圖片信息的描述
- align:圖片顯示的位置
- border:圖片邊框線的粗細(px)
- title:這是一個通用屬性(即幾乎所有標簽都可以用)猖闪,設(shè)置的文字會在鼠標放到該元素上的時候出現(xiàn)鲜棠。
- 互聯(lián)網(wǎng)論壇http:// www.csdn.net
圖像映射技術(shù)
- <a><img></a>標簽可以使整張圖片鏈接
- 映射
<img src="地址/圖片名稱" usemap="#m1" />
<map name="m1">
形式:<area shape="設(shè)定形狀" coords="坐標尺寸之類" href="設(shè)定該區(qū)域的鏈接 " >
矩形:
<areashape="rect" coords="矩形的左上角坐標和右下角坐標" href="01圖片標記.html" >
圓形:
<area shape="circle" coords="圓心的坐標和半徑" href="01圖片標記.html">
多邊形:
<area shape="poly"coords="連續(xù)的點的坐標"href="01圖片標記.html" >
</map>
表格技術(shù)與初步
表格使用如下3個標簽搭配以形成完整的表格基本表現(xiàn):
<table>
<tr>
<td>這個td中才是放置具體“內(nèi)容部分”的區(qū)域</td>
</tr>
</table>
table:用于“聲明”一個表格
tr:用于設(shè)定一個表格中的“一行”,多行就使用多個tr配對培慌。
td:用于設(shè)定一個行中的“一列”(單元格)豁陆,多個列就使用多個td。
—— 一個表格可以有多行吵护,一個行可以有多列盒音。
表格中的單元格可以進行“合并”操作,是通過td上的兩個屬性來實現(xiàn)馅而。
table常用屬性:
width:
height:
border:設(shè)定表格的邊框線祥诽,其實會應(yīng)用整個表格的所有“邊框線”(每個單元格)
cellpadding: 設(shè)定單元格中的內(nèi)容與單元格的邊框線之間的“間距”,單位是px
cellspacing: 設(shè)定相鄰的兩個元格的邊框線之間的“間距”瓮恭,單位是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)容的水平對齊方式
valign=”top // middle // bottom”: 設(shè)定單元格中的內(nèi)容的垂直對齊方式
colspan=”5”: 表示該單元格會水平向右邊合并5個“原始單元格”,其本身相當于“跨”5個列屯蹦。
rowspan=”3”: 表示該單元格會垂直向下邊合并3個“原始單元格”维哈,其本身相當于“跨”3個行。
tr的屬性:不多登澜,也不常用
表格深入
td用于設(shè)定一個普通單元格
th用于設(shè)定一個“標題單元格”:其中的文字會自動粗體并居中——凡是可以用td阔挠,就可以用th
一個表格還可以設(shè)定一個“標題”:在table 中使用caption標簽,其中可是設(shè)定標題文字
實際上帖渠,作為表格“table”谒亦,其內(nèi)部的所有行還可以進一步進行“表格區(qū)域劃分”,通常有3種形式的表格區(qū)域:
thead:代表表格的“頭部”區(qū)域空郊,其中可以放置tr(及其下屬)標簽份招。
tbody:代表表格的“中部”區(qū)域(主體區(qū)域),同樣可以放tr——所有沒有明確使用分區(qū)標簽歸到某個區(qū)域的tr標簽狞甚,都自動隸屬于tbody分區(qū)锁摔。——也就是說哼审,tbody有可能自動出現(xiàn)谐腰。
tfoot:代表表格的“尾部”區(qū)域孕豹,同樣可以放tr
<pre>
<pre>想表現(xiàn)出來的代碼區(qū)域</pre>