HTML中常用的标签有几种，分别是：1.注释标签 2.标题标签 3.段落标签 4.换行标签 5.格式化标签 6.图像标签 7.超链接标签 8.表格标签 9.列表标签 10.表单标签。下面小鱼就来详细介绍一下各个标签的作用和用法。

1.注释标签

快捷键Ctrl+/可以快速注释（取消注释）

注释不会显示在界面上，注释的目的是提高代码的可读性。

2. 标题标签

标题标签有 6 个： 、 、 、 、 。标签数字越大，字体越小。

	
一级标题
	
二级标题
	
三级标题
	
四级标题
	
五级标题
	
六级标题

3.段落标签

段落标签

界定

	
段落一
	
段落二
	
段落三

段落标签确保每个段落位于一行上，并且每个段落之间都有一个空行。

4. 换行标签

换行标签

界定

	第一行
   
	第二行

	第三行

和

是不同的，

只能进行换行，不会出现段落中断，每个段落之间都有一个空行，并且br标签是一个只有开始标签，没有结束标签的“单标签”。

HTML 转义字符

实际角色

转义字符

撇号(')

‘

双引号（”）

“

小于号()

>

和（＆）

&

空间

HTML 语法中有些特殊字符需要转义才能正确显示。我们需要注意，例如空格。并不是我们在代码中输入几个空格，页面就会显示几个空格。HTML 会把相邻的空格合并成一个空格。我们需要使用转义符，输入尽可能多的空格，才能正确显示我们需要的样式。

5. 格式化标签

6.图像标签

图片标签

img中的src属性代表图片的路径，同样图片的格式、样式也是由属性决定的。

alt的作用：如果图片加载不正确，则会显示图片描述信息。

图片尺寸设置：

知识扩展：在设置图片尺寸的时候，会涉及到一个重要的单位：px，“像素”；每个像素点可以显示不同的颜色，像素越多，图片尺寸越大；一般认为，显示器的像素越多，整体的显示效果越好。

7.超链接标签

超链接标签用来表示href属性，表示点击后会跳转到某个页面，表示打开方式，默认是_self，表示也会在这个标签里打开，如果设置为，则会在新标签页打开。

超链接分为：外部链接、内部链接、空链接、下载链接、锚链接。

外部链接

这是百度的一个超链接，点击后跳转至百度

内部链接

点击后跳转至自己文件夹中的另一个html网页

空链接

这是一个空链接

空链接不会跳转，一般在项目开发中，在链接地址还未确定的情况下，作为占位符使用。

下载链接

点击可以下载这个压缩包

锚链接

锚链接就像目录，点击时会跳转到页面上的特定位置。

8.表格标签

	
	
 
		

			
姓名
			
电话
		
		

			
张三
			
123456
		
		

			
王五
			
123457
		
		

			
李四
			
123450
		
	

9. 列出标签

	
无序列表
	

		
张三
		
李四
		
王五
		
赵六
	
	
	
有序列表
	

		
张三
		
李四
		
王五
		
赵六
	
	
	
自定义列表
	

		
前端小煜哥
		
张三
		
李四
		
王五
		
赵六
	

10. 表单标签

form标签是用户与页面交互的重要手段，目的是让用户进行“输入”。

表单标签

用于创建表单标签，允许用户输入一些信息并将其提交给服务器。

输入标签

	

男
	女
HTML5
	CSS3
	JavaScript

选择一个文档：

	
	这是一个按钮

意思是当点击元素时触发，触发的内容就是“ ”里面的代码，会直接被浏览器执行，这里的alert就是弹出一个对话框。

标签

每个HTML标签可以设置一个唯一的ID，同一个页面内，ID值不能重复。

你可以利用这个id属性，在input标签中配合label标签设置复选框操作，达到通过点击来选中文本的效果。

	
	男
	
	女

标签

该标签可以实现下拉菜单

	
		--请选择年份--
		2018
		2019
		2020
		2021
	

标签

Label是可以指定多行编辑框的标签

到此，前端开发者鱼哥就给大家介绍完了HTML中一些常用的标签，欢迎大家学习借鉴，也希望大家指出其不足之处。