02 html 常用标签

1. HTML常用标签

1.1 排版标签

排版标签主要和css搭配使用，显示网页结构的标签

1.2 文本格式化标签

1.3 标签属性

如果想让HTML标签提供更多的信息，可以使用标签的属性加以设置：

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
<手机 颜色="红色" 大小="5寸">  </手机>

1.4 图像标签 img

语法：<img src="图像URL" />（单标签）

注意：

1. 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2. 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3. 采取 关键字参数 key="value" 的格式

img的下方有空隙的解决方案：display: block;

1.5 链接标签

不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接

语法：<a href="目标地址">文本或图像</a>

• 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 锚点定位

通过创建锚点链接，用户能够快速定位到目标内容

1. 使用相应的id名，标注跳转目标的位置（找目标）

   <h3 id="名称"></h3>

2. 创建链接文本（被点击的）

   <a href="#id名"></a>

3.2 base 标签

设置整体链接都在新窗口中打开，写在 head 头部

语法：<base target="_blank" />

3.3 pre 标签

标签可定义预格式化的文本，被包围在 <pre> 标签中的文本会保留预先写好的文字格式，保留空格和换行符

<pre>
	此例演示如何使用 pre 标签
	对空行和	空格
		进行控制
</pre>

3.4 特殊字符

特殊符号需转义显示

原文：https://www.cnblogs.com/wzos/p/12851815.html