网页设计与制作HTML5常用标签

点点关注不迷路，连载更新html基础与进阶

2.2 文字与段落标签 p30

1.标题标签 <hn>
语法：<hn align="对齐方式">标题内容</hn>
2.段落标签<p>
语法：<p align="对齐方式">段落文本</p>

2.2.2文本的格式化标签
1.<b> 粗体
2.<strong> 表示强调，一般为粗体
3.<i> 斜体
4.<em> 表示强调，一般为斜体
5.<del>删除线
6.<ins>加下划线
7.<sup>上标
8.<sub> 下标
 

2.3图像与超链接标签 p32

2.3.1 图像标签<img>
语法：<img src="图像标签URL"/> 
2.3.2 超链接标签<a>
<a href="资源地址"target="窗口名称"title="链接提示文字">链接对象</a>

2.4 表格与列表 p40

2.4.1 表格
1.<table> 定义表格的开始和结束
2.<tr> 定义表格的一行
3.<th> 定义表头
4.<td> 定义单元格

2.4.2 列表
1.无序列表  <ul>
语法：
<ul type=编号类型 >
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ul>

2.有序列表 <ol>
语法：
<ol type=编号类型 start="">
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ol>

3.1结构性标签 p57

1.<nav> 导航栏
2.<aside> 非正文内容
3.<section>
4.<article> 独立内容块
5.<header> 页眉
6.<footer> 页脚

3.3 页面交互软件 P63

<details> 描述文档细节
<summary> 为<details>定义标题

3.4行内语义标签

<progress> 标签表示任务的进度或进程
<video> 定义视频
<audio> 定义声音

3.5

<hidden> 隐藏元素
语法：<hidden="hidden">
<spellcheck> 拼写与语法检查

5.1 文本样式设置

5.1.1 设置css的字体属性 p116

1.font-family 字体设置
2.font-size 字号大小
3.font-style 字体风格
4.font-weight 字体加粗
5.font-variant 小型的大小写字母
6.font 复合属性

5.1.2  文本属性  p118

1.color 颜色
2.line-height 文本行高
3.word-spacing 单词间隔
4.letter-spacing 字符间隔
5.text-decoration 文字修饰
6.text-transfrom 文本转换
7.text-indent 文本缩进
8.text-align 水平对齐
9.vertical-align 垂直对齐
10.white-space 处理空白
11.text-shadow 阴影效果
12.text-overflow 对象内溢出文本

5.2 背景属性设置 p122

1.background-color 背景颜色
2.background-image 背景图像
3.background-attachment 背景附件
4.background 复合属性
5.background-size 背景图像大小
6.background-orign 背景图像的坐标
7.background-clip 背景图像的裁剪区域

5.2.3 渐变属性 p133

1.线性渐变

语法：background-image:linear-gradient(渐变角，颜色值1，颜色值2，.....，颜色值n)

2.径向渐变

语法： background-image：radial-gradient（渐变形状 圆心位置，颜色值1.颜色值2，.....，颜色值n）

3.重复渐变

重复线性渐变如下：
语法：background-image: repeating-linear-gradient(渐变角，颜色值1，颜色值2，.....，颜色值n)

重复径向渐变如下：

语法： background-image：repeating-radial-gradient（渐变形状 圆心位置，颜色值1.颜色值2，.....，颜色值n）