> 文章列表 > HTML标签

HTML标签

HTML标签

<hn>...</hn>标题标签,其中n为1–6的值。
<i>...</i>斜体
<em>...</em> 强调斜体
<b>...</b> 加粗
<strong>...</strong> 强调加粗
<cite></cite> 作品的标题(引⽤用)
<sub>...</sub> 下标 <sup>...</sup> 上标
<del>...</del> 删除线
<br/>换⾏行行
<p>...</p> 换段
<hr />⽔水平分割线
<ul>...</ul> ⽆无序列表
<ol>...</ol> 有序列表 其中type类型值:A a I i 1 start属性表示起始值
<li>...</li>列表项
<dl>...</dl>自定义列表
<dt>...</dt>自定义列表头
<dd>...</dd> 自定义列表内容
<div>...</div> 常⽤用于组合块级元素,以便便通过 CSS 来对这些元素进⾏行行格式化
<span>...</span> 常⽤用于包含的⽂文本,您可以使⽤用 CSS 对它定义样式,或者使⽤JavaScript 对它进行操作。

超链接标签

<a></a>

超链接标签,用于在效果中定义一个可以点击跳转的链接

href:超链接跳转的路径 (必有属性)

内网本机路径:相对路径和绝对路径

互联网路径:http://地址

本页:默认跳转到本页

超链接正常工作:①a标签中必须有内容

②a标签必须有href属性

列表标签

<ul></ul>

无序列表标签,用于在效果中定义一个无序列表

<li></li>

列表条目项标签,用于在效果中定义一个列表的条目

<ol></ol>

有序列表标签,用于在效果中定义一个有序列表

表格标签

<table></table>

表格标签,用于在效果中定义一个表格

border:设置表格的边框粗细

width:设置表格的宽度

<tr></tr>

表格的行标签,用于在效果中定义一个表格行

<td></td>

表格的单元格标签,用于在效果中定义一个表格行中的单元格

表格的书写顺序:

步骤1:定义一个表格 <table></table>

步骤2:定义表格中的一行 <tr></tr>

步骤3:在表格一行中定义单元格 <td></td> 内容就可以写在单元格中

块标签

<span></span>

行级的块标签,用于在效果中 一行上定义一个块,进行内容显示。

span有多少内容,就会占用多大空间。

Span不会自动换行

适用于少量数据展示

<div></div>

块级的块标签,用于在效果中 定义一块,默认占满一行,进行内容的显示

默认占满一行

会自动换行

适用于大量数据展示

框架标签

框架标签:<frameset>

<frameset> 标签,是多个窗口页面整合在一起的一个集合(框架集)。每一个页面(框架)都是单独文档,需要使用子标签<frame>来确定页面的位置。<frameset>通过列和行来确定整体布局,使用cols确定列数,使用rows确定行数。多个<frameset>可以嵌套使用。

<frameset>和<body>两个不能共存。

rows属性和cols属性取值:值1,值2,值3,….. 一个值表示一行(列),多值使用逗号分隔,值可以是 10px、10% 等,最后一个值如果不想计算可以使用*匹配剩余量。

框架子标签:<frame>

<frame>标签,用于设置<frameset>框架集中的一个页面(框架)。

src属性:确定页面的路径

noresize属性:框架分隔先不能移动

target属性:确定需要显示的页面在何处显示