HTML自闭标签

HTML自闭标签是用于在HTML中表示空元素的标签。空元素是指不具有任何内容的元素，例如图片、分隔符、换行符等。自闭标签通常由开始标签和结束标签简写组成，其中结束标签中包含了斜杠符号。但是，自闭标签只有开始标签，其结束标签被省略。自闭标签的语法格式为：

<标签名 属性名="属性值"/>

其中:

• <标签名>: 是标签的名称；
• <属性名>: 是该元素的属性名称；
• <属性值>: 是该属性的值。

以下是常用的HTML自闭标签：

<img>

用于在网页中插入图片。它有三个常用属性：

• src: 用于指定图片的文件路径。
• alt: 用于指定图片的替代文本，也即当图片无法正确加载时，浏览器将会显示的文本。
• title: 用于在鼠标移动到图片上时显示一个提示文本。

示例：

<img src="https://images.pexels.com/photos/6148105/pexels-photo-6148105.jpeg" alt="A cute kitten" title="A cute little kitten" />

<br>

用于在文本中插入一个换行符。

示例：

<p>这是第一行<br>这是第二行</p>

<hr>

用于在文本中插入一条水平分隔线。

示例：

<p>这是一段文字</p>
<hr>
<p>这是另一段文字</p>

<input>

用于创建一个表单元素。它的类型可以是文本框、密码框、单选框、复选框等等。

示例：

<input type="text" name="username">
<input type="password" name="password">
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
<input type="checkbox" name="hobby" value="reading"> Reading
<input type="checkbox" name="hobby" value="writing"> Writing

<link>

用于把外部文件链接到HTML文档中。它通常用于引入CSS样式表或JavaScript代码。

示例：

<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>

<meta>

用于在HTML中添加指定的元数据，例如页面的关键字、描述、编码方式等等。

示例：

<meta charset="UTF-8">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content="This is a webpage about HTML.">

结论

以上就是常见的HTML自闭标签。熟练运用这些标签可以让我们更好地掌控HTML文档的结构和内容。