HTML表格&列表&框架

HTML表格

表格由 <table> 标签以及一个或多个 tr、th或td 元素组成
单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等

属性	说明
width	指定表格的宽度
height	表格的高度
border	指定表格边框的宽度
cellpadding	指定边框与内容之间的空白
cellspacing	指定单元格之间的空白
align	指定对齐方式
valign	垂直排列方式
colspan	合并列单元格
rowspan	合并行单元格

<table border="1">
  <tr>
    <td>row 1, cell 1</td> <td>row 1, cell 2</td>
  </tr>
  <tr>
    <td>row 2, cell 1</td> <td>row 2, cell 2</td>
  </tr>
</table>

<table> 定义表格
<th> 定义表头
<tr> 定义表格的行
<td> 定义表格单元

HTML列表

列表用来在网页上组织信息,HTML能够创建三种类型的列表:无序列表、有序列表、定义列表

无序列表

属性	属性值	说明
Type	disc、Circle、square	用来设置项目前面的标记

<ul>
  <li>......</li>
  <li>......</li>
  <li>......</li>
</ul>

有序列表

属性	属性值	说明
Type	1、 a 、 A、i、I	用来设置项目前面的标记
start	数值	从哪里开始

<ol>
  <li>......</li>
  <li>......</li>
  <li>......</li>
</ol>

定义列表

定义列表用来组织术语和它们的定义任何信息如果包含多个术语和相对应的解释,都可以使用定义列表进行组织

<dl>
  <dt>HTML</dt>
  <dd>html 是超文本标记语言</dd>
  <dt>XHTML</dt>
  <dd>可扩展超文本置标语言 </dd>
  <dd>表现形式与超文本置标语言(HTML)类似,不过语法上更加严格 </dd>
</dl>

HTML 背景

设置背景颜色 <body bgcolor="#000000">
设置背景图片 <body background="bg.jpg">
设置网页的字颜色 <body text="#cccccc">

HTML 框架

框架的作用就是把浏览器窗口划分成多个子窗口。 每个子窗口可以载入自的HTML文档
在HTML文档中 frameset 与body同级，只能存在一个

框架基本结构

属性	说明
rows	上下分割窗口
cols	左右分割窗口
src	指定要载入到框架的页面地址
name	框架的名称


<frameset rows="高度A,高度B">
    <frame src="top.html" />
    <frameset cols="宽度A,宽度B">
      <frame src="menu.html" />
      <frame src="main.html" />
    </frameset>
</frameset>

frame框架标签

属性	属性值	说明
scrolling	yes、no、auto	是否显示滚动条
noresize	...	禁止改变框架的尺寸大小
marginwidth	px	框架内左右的空白区域
marginheight	px	框架内上下的空白区域
frameborder	1,0	是否显示边框

<frame scrolling="yes" noresize />
<frame marginwidth="左右缩进" marginheight="上下缩进" />

内嵌框架iframe

属性	属性值	说明
width	px,%	指定框架的宽度
height	px,%	指定框架的高度
scrolling	yes,no,auto	是否显示滚动条
frameborder	1,0	是否显示边框

<iframe src="URL" name="框架名"> ~ </iframe>