HTML入门笔记（二）

---

一、分组元素

元素名称	说明
p	表示段落
div	一个没有任何语义的通用元素，和span是对应元素
blockquote	表示引自他出的大段内容
pre	表示其格式应被保留的内容
hr	表示段落级别的主题转换，即水平线
ul,ol	表示无序列表，有序列表
li	用于ul,ol元素中的列表项
dl,dt,dd	表示包含一系列术语和定义说明的列表。dt在dl内部表示术语，一般充当标题;dd在dl内部表示定义，一般是内容。
figure	表示图片
figcaption	表示figure元素的标题

i.ol属性

start 从第几个序列开始 ：

<ol start="5">

5.张三
6.李四
7.王五
8.马六

reversed 倒序排列

4.张三
3.李四
2.王五
1.马六

type 表示列表编号类型 有：1、a、A、i、I
a.张三
b.李四
c.王五
d.马六

ii.li属性

value 强行设置某个项目编号（直接输入，后面项目接着顺序往下）

iii.图片插入

<figure>
    <figcaption>图片标题</figcaption>
    <img src="图片名称">
</figure>

二、表格元素

元素名称	说明
table	表示表格
thead	表示标题行
tbody	表示表格主体
tfoot	表示表脚
tr	表示一行单元格
th	表示标题行单元格
td	表示单元格
col	表示一列
colgroup	表示一组列
caption	表示表格标题

注：

最基本表格组成

<table> <tr> <td>

出现表格线：

<table border="1">

横向合并单元格 colspan=“n”

纵向合并单元格 rowspan=“n”

（n为合并单元格数）

三、文档元素

元素名称	说明
h1~h6	表示标题
header	表示首部
footer	表示尾部
nav	表示有意集中在一起的导航元素
section	表示重要概念或主题
article	表示一段独立的内容
address	表示文档或article的联系信息
aside	表示与周边内容少有牵涉的内容
hgroup	将一组标题组织在一起
details	生成一个区域，用户将其展开可以获得更多细节
summary	用在details元素中，表示该元素内容的标题或说明

注： h1~h6可以字体加粗 字体大小改变

文档元素基本没有实际作用效果，主要目的是在页面布局时区分各个主题和概念，如下图

四、嵌入元素

元素名称	说明
img	嵌入图片
map	定义客户端分区响应图
area	表示一个用户客户端区响应图的区域
audio	表示一个音频资源
video	表示一个视频资源
iframe	嵌入一个文档
embed	用插件在HTML中嵌入内容
canvas	生成一个动态的图形画布
meter	嵌入数值在许可值范围背景中的图形表示
object	在HTML文档中嵌入内容
param	表示将通过object元素传递给插件的参数
progress	嵌入目标进展或任务完成情况的图形表示
source	表示媒体资源
svg	表示结构化矢量内容
track	表示媒体的附加轨道（例如字幕)

img的私有属性

属性名称	说明
src	嵌入图像的URL
alt	当图片不加载时显示的备用内容
width	定义图片的长度（单位是像素）
height	定义图片的高度（单位是像素)
ismap	创建服务器端分区响应图
usemap	关联