
HTML 中有许多常用的标签,用于定义网页的结构、内容和样式。以下是一些最常见的 HTML 标签及其用途:
1. 文档结构标签
<!DOCTYPE html>
:声明文档类型为 HTML5。<html>
:定义 HTML 文档的根元素。<head>
:包含文档的元数据,如标题、字符集、样式表和脚本。<title>
:定义文档的标题,显示在浏览器的标题栏或标签页上。<body>
:包含文档的可见内容。
2. 文本格式化标签
<h1>
到<h6>
:定义标题,<h1>
是最高级标题,<h6>
是最低级标题。<p>
:定义段落。<br>
:插入换行。<hr>
:插入水平线。<strong>
:定义强调文本,通常以加粗显示。<em>
:定义强调文本,通常以斜体显示。<span>
:用于对文档中的行内元素进行分组和样式化。
3. 链接和图像标签
<a>
:定义超链接,href
属性指定链接的目标地址。<img>
:定义图像,src
属性指定图像的路径,alt
属性提供替代文本。
4. 列表标签
<ul>
:定义无序列表。<ol>
:定义有序列表。<li>
:定义列表项。
5. 表格标签
<table>
:定义表格。<tr>
:定义表格行。<td>
:定义表格单元格。<th>
:定义表格头单元格。<thead>
:定义表格的头部。<tbody>
:定义表格的主体。<tfoot>
:定义表格的页脚。
6. 表单标签
<form>
:定义表单。<input>
:定义输入字段,类型由type
属性指定(如text
、password
、submit
等)。<textarea>
:定义多行文本输入字段。<label>
:定义表单控件的标签。<button>
:定义按钮。<select>
:定义下拉列表。<option>
:定义下拉列表中的选项。
7. 容器标签
<div>
:定义文档中的块级容器,常用于布局和样式化。<span>
:定义文档中的行内容器,常用于样式化文本。
8. 元数据标签
<meta>
:定义文档的元数据,如字符集、页面描述、关键词等。<link>
:定义文档与外部资源的关系,如样式表。<style>
:定义内部样式表。<script>
:定义客户端脚本,如 JavaScript。
示例代码:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>示例网页</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的 <strong>HTML</strong> 示例。</p>
<a href="https://example.com">访问示例网站</a>
<img src="image.jpg" alt="示例图片">
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
</ul>
<form action="/submit" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
<button type="submit">提交</button>
</form>
</body>
</html>
总结:
- HTML 标签用于定义网页的结构和内容。
- 常用的标签包括文档结构标签、文本格式化标签、链接和图像标签、列表标签、表格标签、表单标签、容器标签和元数据标签。
- 通过组合这些标签,可以创建丰富多样的网页内容。
学在每日,进无止境!更多精彩内容请关注微信公众号。

原文出处:
内容由AI生成仅供参考,请勿使用于商业用途。如若转载请注明原文及出处。
出处地址:http://www.07sucai.com/tech/792.html
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。