📅 最后修改于: 2023-12-03 15:40:27.036000 🧑 作者: Mango
HTML 是 Web 开发中最基础的技能之一，它是一种用于创建 Web 页面的标记语言。在 HTML 中，标记元素是用来定义页面内容、结构和样式的基本方式。本文将介绍 HTML 中如何标记元素，以及一些常用的 HTML 标记元素。
在 HTML 中，元素是包装了数据的标记。例如，以下代码片段是一个 HTML 元素：
<p>这是一个段落。</p>
这个元素是一个段落，包装在 <p> 和 </p> 标记中。
HTML 元素可以包含其他元素、文本和属性。属性通常用于控制元素的样式、链接或其他行为。例如，以下代码片段是一个带有属性的图像元素：
<img src="picture.jpg" alt="这是一张图片">
在这个元素中，src 属性用于指定图像的 URL，alt 属性用于提供图片的替换文本。
在 HTML 中，标记元素是用来定义页面内容、结构和样式的基本方式。下面是一些常用的 HTML 标记元素：
<html>：HTML 文档的根元素。<head>：HTML 文档的头部区域，通常包含文档的元数据、样式和脚本。<title>：HTML 文档的标题，显示在浏览器的标题栏中。<body>：HTML 文档的主体区域，包含页面的内容。<h1> 到 <h6>：用于定义标题，其中 <h1> 最大，<h6> 最小。<p>：用于定义段落。<img>：用于定义图像。<a>：用于定义链接。<ul> 和 <li>：用于定义无序列表。<ol> 和 <li>：用于定义有序列表。<table>、<tr>、<th> 和 <td>：用于定义表格。<form>、<input>、<label> 和 <button>：用于定义表单。以下是一个示例 HTML 文档：
<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>欢迎来到我的网站！</h1>
<p>这是一个段落。</p>
<img src="picture.jpg" alt="这是一张图片">
<a href="http://www.example.com">这是一个链接</a>
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
<ol>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ol>
<table>
<tr>
<th>表头 1</th>
<th>表头 2</th>
<th>表头 3</th>
</tr>
<tr>
<td>单元格 1</td>
<td>单元格 2</td>
<td>单元格 3</td>
</tr>
</table>
<form>
<label for="input-1">输入框 1：</label>
<input type="text" id="input-1">
<label for="input-2">输入框 2：</label>
<input type="text" id="input-2">
<button type="submit">提交</button>
</form>
</body>
</html>
HTML 是 Web 开发中最基础的技能之一，它是一种用于创建 Web 页面的标记语言。HTML 标记元素是用来定义页面内容、结构和样式的基本方式。常用的 HTML 标记元素有 <html>、<head>、<title>、<body>、<h1> 到 <h6>、<p>、<img>、<a>、<ul>、<ol>、<table>、<tr>、<th>、<td>、<form>、<input>、<label> 和 <button> 等元素。在编写 HTML 时，需要注意正确使用这些标记元素以及它们的属性，以确保页面结构清晰，可读性强。