表格、列表、frameset框架标签

来源：互联网发布：意大利语发音软件在线编辑：程序博客网时间：2024/06/07 03:30

一、列表：

1.无序列表：《ul里面属性：type="取值有（disc-实心圆点默认值、circle-空心圆、square-实心方块）"》
<ul></ul> 表示范围
在ul里面有<li></li>
《适用场合：基本列表形式》

例：
<ul type="circle">
<li>内容</li>
<li>内容</li>
</ul>

2.有序列表：《ol里面属性：type="取值有（1 -默认值、a、A、i、I）"》
<ol></ol> 表示范围
在ul里面有<li></li>
《适用场合：有顺序列表形式》

例：
<ol type="a">
<li>内容</li>
<li>内容</li>
</ol>

3.自定义列表：
<dl></dl> 表示范围
dl里面有<dt></dt> 《dt标题标签》
dt里面有<dd></dd> 《dd内容标签》
《使用场合：标题和标题解释性内容、图片和文本内容混合排列的形式》

例：
<dl>
<dt>标题</dt>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
</dl>

二、表格：
《table里面的属性：border="1"边框宽度、align="" 或《valign=""》 width="" height=""》
属性 align 的值：left、center、right
属性 valign的值：top、middle、bottom
属性 width 的值：表示列表的宽度百分比
属性 height的值：表示列表的高度像素值

-- <table></table> 表示范围
- <caption>网上报名</caption> 表示在表格上面的标题，单独在table里面。
- table里面有：<tr></tr> 表示行。
- tr 里面有：<td></td> 表示列。

例：《表示一行三个单元格》
<table border="1">
<tr>
<td>内容</td>
<td>内容</td>
<th>内容</th> <th></th> 表示加粗、居中。
</tr>
</table>

-- 跨列、跨行《colspan 列、 rowspan 行》
1.表格的跨列：单元格的横向合并

<td colspan="跨单元格的个数">单元格的内容</td>

例：合并第一行的两个单元格
<table>
<tr>

<td colspan="2">合并了两个单元格</td>

</tr>
</table>

2.表格的跨行：单元格垂直方向上合并

<td rowspan="跨单元格的个数">单元格的内容</td>

例：《表示合并列的三个单元格》
<table>
<tr>
<td rowspan="3">合并了三个单元格</td>
<td>内容</td>
<td>内容</td>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
</tr>
</table>

-- 超链接语法： <a href="路径" target=""/>
target 的取值：
_delf 超链接在当前页面或框架中打开

_blink 超链接在新的页面或选项卡中打开

_top 超链接在当前框架所在的窗口中打开《有多个框架时，会在整个页面打开》

_parent 超链接在当前框架的父框架中打开

name 自定义在哪个框架打开

-- 框架《》
《frameset里面的属性：cols="百分比，*" rows="百分比，*" border="1"》
cols 属性取值：百分比，表示分割部分大小《纵向分割》
rows属性取值：百分比，表示分割部分大小《横向分割》
border 属性取值：边框的大小

《frame里面的属性：src="路径" scrolling="" name="" noresize="" width="宽度" height="高度" 》
scrolling的取值：yes/no 《显示滚动条》
noresize 的取值：noresize 《表示框架不可以调整大小》
name 的取值：自定义。

1.<frameset></frameset> 表示范围《frameset不在body内，代替body》
frameset里面有：<frame></frame>

例：

<frameset rows="65,*" border="0" frameborder="no" >
<frame src="top.html"></frame>
<frameset cols="180,*">
<frame src="left.html" noresize="noresize" scrolling="yes" name="left"></frame>
<frame src="right.html" noresize="noresize" scrolling="yes" name="main"></frame>
</frameset>
</frameset>

注：上面的top.html、left.html、right.html都单独写。再被上面调用。

2.<iframe name="" src="" width="" height="" scrolling="" noresize="" ></iframe>
跟超链接一起用：

例：
<body>
<a href="路径" target="names"/>
<iframe name="names" src="路径" width="100" height="100" scrolling="yes" noresize="noresize" ></iframe>

</body>

阅读全文

0 0