HTML的表格和框架

HTML的列表

列表是网页中最常用的一种数据排列方式。在HTML中,列表共有三种:有序列表、无序列表和定义列表。

有序列表

1.一般采用数字或字母作为顺序,默认采用数字顺序。
语法:

<ol>
   <li>列表项</li>
   <li>列表项</li>
   <li>列表项</li>
</ol><ol></ol>标志着有序列的开始和结束,而<li></li>标签表示这是一个列表项

无序列表

语法:

<ul>
   <li>列表项</li>
   <li>列表项</li>
   <li>列表项</li>
</ul>  
<ul></ul>标志着一个无序列表的开始和结束,<li>表示这是一个列表项

自定义列表

语法:

<dl>
   <dt>名词</dt>
   <dd>描述</dd>
   ......
</dl>
<dl>标记和</dl>标记分别定义了定义列表的开始和结束,dt标签用于添加要解释的名词,而dd标签用于添加该名词的具体解释。

表格

表格的基本构成标签
table 标签:表格标签
caption标签:表格标题
tr 标签:表格中的行
th 标签 : 表格的表头
td 标签:表格单元格
表格的基本结构

定义表格 定义表行
表格标题
定义表头
定义单元格

表格标题

语法:

<table>
    <caption>表格标题</caption>
    <tr>
       <td>单元格1</td>
       <td>单元格2</td>
    </tr>
    <tr>
       <td>单元格3</td>
       <td>单元格4</td>
    </tr>
<table>

一个表格只能有一个标题,也就是只能有一个caption标签。在默认情况下,标题位于整个表格的第一行

表格空间

有以下两个属性,用于调整 HTML 表格中单元格的空间:
cellspacing 属性-定义表格单元格之间的空间
cellpadding 属性-表示单元格边框与单元格内容之间的距离

合并单元格

如果要将两个或多个列合并为一个列,将使用 colspan 属性
如果要合并两行或更多行,则将使用 rowspan 属性

表单

表单:HTML 表单用于收集不同类型的用户输入。
当用户要在表单中输入字母,数字等内容时,就会用到文本域

框架

整合框架:

<frameset></frameset>

内联框架:

<iframe></iframe>

属性:
width 宽
height 高
scrolling 规定是否在框架中显示滚动条
src 规定在 iframe 中引入的 UR

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值