HTML第二章
第二章列表、表格與框架
一．列表的分類:
1.無序列表
2.有序列表
3.定義列表
|
類型 |
說明 |
項目符號 （type=””屬性設置項目符號） |
|
無序列表 (unorder list) |
以<ul>聲明無序列表 以<li></li>作為每個列表項的起始 </ul> |
Disc項目符號顯示實體圓心（默認） Square項目符號顯示為實體方心 Circle項目符號顯示為空心圓 |
|
有序列表 (olorder list) |
以<ol>聲明有序列表 以<li></li>作為每個列表項的起始 </ol> |
1使用數字作為項目符號（默認） A/a使用大小寫字母作為項目符號 I/i使用大小定字母作為項目符號 |
|
定義列表 |
以<dl>聲明定義列表 以<dt></dt>作為每個列表列項的起始 使用<dd></dd>定義內容 </dl> |
無項目符號或顯示順序 |
二.表格：
1.使用表格的好處:簡單、結構穩定
2.表格的基本結構：單元格、行、列
3.表格的基本語法:
<table border=“邊框的寬度”cellpading=“內邊距”cellspacing=”外邊距”>
<tr>在table裏創建行標簽，可以有多行。
<tdcolspan=“所跨的列數”></td>在行標簽裏創建單元格。
<td></td>在行標簽裏創建單元格。
</tr>
<tr>在table裏創建行標簽，可以有多行。
<tdrowspan=”所跨的行數”></td>在行標簽裏創建單元格。
<td></td>在行標簽裏創建單元格。
</tr>
</table>
|
屬性 |
值 |
說明 |
|
align (水平對齊方式) |
left |
左對齊 |
|
center |
居中對齊 |
|
|
right |
右對齊 |
|
|
valign (垂直對齊方式) |
top |
頂端對齊 |
|
middle |
劇中對齊 |
|
|
bottom |
底線對齊 |
|
|
baseline |
基線對齊 |
三．<frameset>框架：
1.使用框架的好處：(1)在同一個瀏覽器窗口顯示多個頁面。 (2)可以實現頁面復用。(3)實現典型的“目錄結構”。
2.框架類型：（1）框架。 （2）內聯框架。
<frameset cols（列）=“25%、50%、*” rows(行)=“50%、*” border=”5”>
<frame src=”sfsfsf.html”>
<frame src=”ytbsvx.html”>
</frameset>
|
屬性 |
作用 |
舉列 |
|
frameborder |
是否顯示框架周圍的邊框 |
frameborder=”1” |
|
name |
框架標識名 |
name=”frame” |
|
scrolling |
是否顯示滾動條 |
Scrolling=”no” |
|
noresize |
是否允許調整框架窗口大小 |
noresize=“noresize” |
3.設置超連接“target”目標窗口屬性為希望顯示的框架窗口名。
<span>
<a href=”right.html” target=”rightFrame”>
<img src=”images/reg.jpg” alt=”註冊”/></a>
</span>
Target的屬性取值：
|
屬性值 |
含義 |
|
-blank |
在新窗口中打開連接 |
|
-self |
在鏈接所在頁面的自身窗口中打開鏈接 |
|
框架窗口名 |
要指定的框架窗口中打開鏈接 |
|
-Parent |
在父框架集中打開鏈接，如果不是框架網頁，則含義同“-self” |
|
-top |
在頂級窗口（即整個瀏覽器窗口）中打開鏈接 |
4.<iframe>內聯框架
<html>
<head>
<title></title>
<body>
<iframe src=”subframe/theone.html”width=”400px”height=”236px”frameborder=”1” scrolling=”no”></iframe>
</body>
</html>
HTML第二章