HTML常用标签
2021-01-16 23:15
阅读：601
YPE html>
标签：关系 人民币 charset 返回 html常用标签 修改 空格 str 特殊字符
HTML常用标签
1. web标准
1.1 web标准的构成
主要包括结构、表现和行为三个方面。
| 标准 | 说明 |
|---|---|
| 结构 | 用于对网页元素进行整理和分类（HTML） |
| 表现 | 用于设置网页元素的外观样式（CSS） |
| 行为 | 网页模型的定义及交互的编写（JavaScript） |
如果将web标准比喻为一只鸟，则
- 结构=身体
- 表现=羽毛
- 行为=动作（飞行、站立等）
1.2 标签关系
双标签关系分为：
- 包含关系（父子）
- 并列关系（兄弟）
(1)包含关系
(2)并列关系
2. HTML基本结构
| 标签名 | 定义 |
|---|---|
| html标签 | |
| 文档的头部 | |
| 文档的标题 | |
| 文档的主体 |
3. HTML常用标签
3.1 标题标签
一个标题独占一行。（块级元素）
一级标题（字号最大）
六级标题（字号最小）
3.2 段落标签
用于将HTML文档分割为若干段落。
特点：
- 文本在一个段落中会根据浏览器窗口的大小自动换行
- 段落之间有空隙
这是一个段落
3.3 换行标签
用于强制换行。
特点：
- 单标签
- 换行没有像段落那样的空隙
这是换行标签
3.4 文本格式化标签
| 语义 | 标签 |
|---|---|
| 加粗 | |
| 倾斜 | |
| 删除线 | |
| 下划线 |
3.5 盒子标签
用于界面布局。
特点：
- div一行只能放一个（块级元素）
- span一行可以放多个（行级元素）
这是大盒子
这是小盒子
3.6 图像标签和路径
(1)图像标签
用于定义页面中的图像。
| 属性 | 说明 |
|---|---|
| src | 图片路径（必须属性） |
| alt | 图像不能显示时的替换文本 |
| title | 鼠标放到图像上显示的提示文本 |
| width | 设置图像的宽度 |
| height | 设置图像的高度 |
| border | 设置图像的边框粗细（在CSS中修改） |
注：图像的宽和高一般只修改其中一个，另一个会随之调整。
(2)路径
- 相对路径：文件相对于HTML页面的位置
| 相对路径分类 | 符号 | 说明 |
|---|---|---|
| 同一级 | src="http://www.mamicode.com/文件名" | |
| 下一级 | / | src="http://www.mamicode.com/同一级文件夹名称/文件名" |
| 上一级 | ../ | src="http://www.mamicode.com/文件名" |
- 绝对路径：完整的路径名称（一般很少用）。eg. C:\\xxx\\xxxx.jpg
注意：绝对路径用“\”分隔，相对路径用“/”分隔。
3.7 超链接标签和链接分类
(1)超链接标签
文本或图像
| 属性 | 作用 |
|---|---|
| href | 链接目标的url（必须属性） |
| target | 链接页面的打方式。_self：在当前窗口打开（默认值），_blank：在新窗口打开 |
(2)链接分类
-
外部链接：例如http://www.bilibili.com
-
内部链接：网站内部页面之间的相互链接，例如index.html
-
空链接：#
-
下载链接：地址里是一个文件或压缩包
-
网页元素链接：在网页中的各种网页元素都可以添加超链接
-
锚点链接：可以快速定位到页面中的某个位置
-
链接：
-
找到目标位置标签，里面添加一个id属性，
-
返回顶部：
-
3.8 注释和特殊字符
(1)注释
(2)特殊字符
| 特殊字符 | 描述 | 字符的代码 |
|---|---|---|
| 空格符 | ||
| 小于号 | < | |
| > | 大于号 | > |
| & | 和号 | & |
| ￥ | 人民币 | ¥ |
| ? | 版权 | © |
| ? | 注册商标 | ® |
| ° | 摄氏度 | ° |
| ± | 正负号 | ± |
| ? | 乘号 | × |
| ? | 除号 | ÷ |
| 2 | 平方 | ² |
| 3 | 立方 | ³ |
注：重点记住前三个。
HTML常用标签
标签：关系 人民币 charset 返回 html常用标签 修改 空格 str 特殊字符
原文地址：https://www.cnblogs.com/chiYiN-zZZ/p/13374052.html
评论
亲，登录后才可以留言！