前端标签(三)

本文详细介绍了HTML中的列表、表格、iframe元素及其属性,并涵盖了HTML5增强的特性与通用属性,是前端开发者不可多得的参考资料。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、列表相关元素

    <ul>:定义无序列表。该元素只能包含<li.../>子元素。

    <ol>:定义有序列表。该元素只能包含<li.../>子元素。
    该元素还可以指定如下两个重要属性:
    start:指定列表项的起始数字。
    type:指定使用哪种类型的编号(在HTML 5规范中已不推荐使用)

    <li>:定义列表项,该元素里可包含与<div.../>完全类似的内容,因此可包含较多类型子元素。

    <dl>:定义术语列表。该元素只能包含<dt.../>和<dd.../>两种子元素。

    <dt>:定义标题列表项。该元素只能包含文本、图像、超链接、文本格式化元素和表单控制元素等。

    <dd>:定义普通列表项。该元素里可包含与<div.../>完全类似的内容,因此可包含较多类型子元素。

二、表格相关元素

  <table>:用于定义表格,该元素只能包含0个或一个1个<caption.../>子元素(定义标题),0个或一个1个<thead.../>子元素(定义表格头),0个或一个1个<tfoot.../>子元素(定义表格脚),0个或一个1个<tr.../>子元素(定义表格行),0个或一个1个<tbody.../>子元素(定义表格体)。
cellpadding:指定单元格内容和单元格边框之间的间距。该属性值既可以是百分比,也可以是像素值。
cellspacing:指定单元格之间的间距。该属性值既可以是百分比,也可以是像素值。
width:指定表格宽度。该属性值既可以是百分比,也可以是像素值。
<caption>:定义表格标题。该元素只能包含文本、图像、超链接、文本格式化元素和表单控制元素等。
<tr>:定义表格行。只能包含 <td.../>和<th.../>两种元素。
<td>:定义单元格。
colspan:指定单元格跨多少列,该属性就是一个简单数字。
rowspan:指定单元格可横跨的行数。
height:指定该单元格高度,该属性值既可以是百分比,也可以是像素值。
width:指定该单元格宽度,该属性值既可以是百分比,也可以是像素值。
<th>:定义表格的表头单元格,其特点加粗居中。与<td>用法几乎完全一样。
<tbody>:定义表格主主体。只能包含<tr>子元素。
<thead>:定义表格头。与<tbody.../>用法相似。
<tfoot>:定义表格脚。与<tbody.../>用法相似。
<col>:该元素用于为表格中一个人或多个列指定属性。
<colgroup>:该元素用于为表格中一个人或多个列指定属性。<colgroup.../>的作用只是用于组织多个<col.../>元素。

三、HTML 5增强的 iframe 元素

    src:该属性指定一个URL,指定该 iframe 将装载那个页面。
    name:设置 iframe 名字。其中target的第五个属性值就是可以是iframe的名字
    scrolling:设置是否在 iframe 中显示滚动条。该属性支持yes(显示滚动条)、no(不显示滚动条)、aoto(大小不够时显示滚动条,否则不显示)。
    height:设置 iframe 高度。
    width:设置 iframe 宽度。
    frameborder:设置是否显示 iframe 边框。

四  HTML 5保留的几个重要的通用属性

  • id 属于 HTML 元素指定的唯一标志。
    style 属性用于为 HTML 元素指定 CSS 样式。
    class 属性用于匹配 CSS 样式的 class 选择器。

  • accesskey 属性:指定激活该元素的快捷键。可能会发挥重要的作用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值