ul标签
1、这是一个无序列表
2、内部一个使用li标签定义一个元素
ol标签
1、这是一个有序列表
2、同上
dl、dt、dd标签
1、dl是自定义列表标签;dt处于dl内,列表标题;dd为列表内容。以下是使用该三个标签实现的样式及代码:
<dl>dl标签
<dt>dt</dt>
<dd>dd0</dd>
<dd>dd1</dd>
</dl>
-
dl标签
dt
- dd0
- dd1
table标签
1、整个表格使用table标签包裹
2、每行使用tr标签包裹
3、每列使用td标签包裹
4、单元格合并效果rowspan,colspan=”占用格数”
<table>
<tr>
<td rowspan = "2">11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>22</td>
<td colspan = "2">23</td>
</tr>
</table>
11 | 12 | 13 | 14 |
22 | 23 |
div标签
1、块级标签,利用审查元素可以看到每个div是一个色块
2、与span标签的区别:
div标签独占一行或者多行;span标签只占本身内容的部分,和其他内容可共用一行。
form表单标签
1、例子:各种网页的注册区域
2、子标签:input(type属性,value属性)
meta标签
1、处于head部分
2、charset属性可用于规定网页编码
3、content属性可用于规定搜索适配关键词,各关键词用逗号分开
script标签
1、引入js脚本
base标签
1、可设置当前页面所有a标签的属性。如在base中定义target则不需要在a标签内每次设置
pre标签
1、可用于取消空格合并,效果如下:(第一个nihao前方虽然有空格但都被合并了)
nihao
nihao
字符实体<
<a>
<a>
style标签
1、style标签可用于定义内部样式表,使用多个声明定义样式
2、另外style作为属性时,可对单一元素进行样式定义