WEB前端之HTML基础(二)

四 分帧

frameset

定义和用法

frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

可选的属性
属性 描述
cols pixels % * 定义框架集中列的数目和尺寸
rows pixels % * 定义框架集中行的数目和尺寸
frameborder 1/0 是否显示边框
name 给当前分帧窗口起名称
src 连接的页面名称

实例

<frameset rows="20%,*,20%" frameborder="1/0">
  <frame src="" name="分帧名1">
  <frameset cols="20%,*" frameborder="1/0">
    <frame src="" name="分帧名1">
    <frame src="" name="分帧名2">
  </frameset>
  <frame src="" name="分帧名3">
</frameset>

注意:

不可以和body在一起 需要将body删掉
 

五、TABLE表格

table表格

属性:

  • width 宽
    • height 高
  • border 边框
  • cellpadding/cellspacing 内边距/外边距
  • background 背景图片
    • color颜色
    • align位置 center/left/right
    • valign规定单元格内容的垂直排列方式。
    • top 对内容进行上对齐。
  • middle 对内容进行居中对齐(默认值)。
  • bottom 对内容进行下对齐。
  • baseline 与基线对齐。
    • rowspan合并行
    • colspan合并列

标签:

caption 表格标题

*tr 行标签

*th 列头标签
*td 列标签

实例:

<table>
<caption>我是表格的标题</caption>
<tr>
 <th>我是表头</th>
 <th>我是表头</th>
 <th>我是表头</th>
</tr>
<tr>
 <td>我是单元格</td>
 <td>我是单元格</td>
 <td>我是单元格</td>
</tr>
</table>

细线表格实例:

<table border="0" cellspacing="1" bgcolor="red"  width="80%">
  <tr bgcolor="#ffffff">
    <td>1.1</td>
    <td>1.2</td>
  </tr>
  <tr bgcolor="#ffffff">
    <td>2.1</td>
    <td>2.2</td>
  </tr>
<table>
发布了17 篇原创文章 · 获赞 7 · 访问量 740

猜你喜欢

转载自blog.csdn.net/qq_44168690/article/details/104124235