02 html 常用标签
标签：border tab 文件路径 ali 显示 下划线 空行 水平线 tle
1. HTML常用标签
1.1 排版标签
排版标签主要和css搭配使用，显示网页结构的标签
| 名称 |
标签 |
定义 |
| 标题 |
标题
|
作为标题使用，并且依据重要性递减（h1 - 6字号大小递减） |
| 段落 |
内容
|
将文字分成一个段落（不同段落间空隔一行） |
| 水平线 |
|
一条分割线（单标签） |
| 换行 |
|
使某段文本强制换行显示（单标签） |
| 大盒子 |
元素
|
用来布局装网页元素，一行只能放一个 |
| 小盒子 |
元素
|
用来布局装网页元素，一行上可以放多个 |
1.2 文本格式化标签
| 名称 |
标签 |
推荐写法（语义更强烈） |
| 加粗 |
文本 |
?文本 |
| 倾斜 |
文本 |
文本
|
| 删除线 |
文本 |
|
| 下划线 |
文本 |
文本
|
1.3 标签属性
如果想让HTML标签提供更多的信息，可以使用标签的属性加以设置：
内容 标签名>
手机>
1.4 图像标签 img
语法：
| 属性 |
属性值 |
描述 |
| src |
URL |
图像文件的路径 |
| alt |
文本 |
图片不能正常显示时替换的文本 |
| title |
文本 |
鼠标悬停时显示的内容 |
| width |
像素（XHTML不支持百分比） |
设置图像的宽度 |
| height |
像素（XHTML不支持百分比） |
设置图像的高度 |
| border |
数字 |
设置图像边框的高度 |
注意：
- 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
- 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
- 采取 关键字参数
key="value" 的格式
img的下方有空隙的解决方案：display: block;
1.5 链接标签
不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接
语法：文本或图像
- href：指定链接目标的url地址（超链接）
- target：指定链接页面的打开方式；新窗口中
_blank，默认当前页
注意：
- 外部链接：前需要添加
http://
- 内部链接：直接写名称即可
- 空链接：href属性值写
#
1.6 注释标签
解释说明，便于理解代码，程序不执行这个代码
语法：
快捷键： ctrl + ?
注意：注释位于要注释代码的上面，单独占一行
2. 文件路径
2.1 相对路径
相对路径就是相对于一个文件的同一目录下，或上一级或下一级的文件位置
| 分类 |
符号 |
说明 |
| 同一级路径 |
|
只需输入图像文件的名称，如 |
| 下一级路径 |
/ |
位于同级的文件夹下，如 |
| 上一级路径 |
../ |
位于上一级的文件夹下，如 |
2.2 绝对路径
绝对路径是以根目录为参考基础的目录路径
电脑硬盘：C:\Users\CG\Desktop\文件.bat（注意反斜杠）
网络地址：http://www.itcast.cn/images/logo.gif
3. 其他标签
3.1 锚点定位
通过创建锚点链接，用户能够快速定位到目标内容
-
使用相应的id名，标注跳转目标的位置（找目标）
-
创建链接文本（被点击的）
3.2 base 标签
设置整体链接都在新窗口中打开，写在 head 头部
语法：
3.3 pre 标签
标签可定义预格式化的文本，被包围在
标签中的文本会保留预先写好的文字格式，保留空格和换行符
此例演示如何使用 pre 标签
对空行和 空格
进行控制
3.4 特殊字符
特殊符号需转义显示
| 特殊字符 |
描述 |
字符的代码 |
|
空格符 |
|
|
|
小于号 |
< |
| > |
大于号 |
> |
| & |
和号 |
& |
| ￥ |
人民币 |
¥ |
| ? |
版权 |
© |
| ° |
摄氏度 |
° |
| × |
乘号 |
× |
| ÷ |
除号 |
÷ |
02 html 常用标签
标签：border tab 文件路径 ali 显示 下划线 空行 水平线 tle
原文地址：https://www.cnblogs.com/wzos/p/12851815.html
评论