什么是 HTML？
HTML 是一种标记语言，用于创建网页的结构和内容。它由一系列标签组成，这些标签告诉浏览器如何显示页面的内容。HTML 不是一种编程语言，而是一种标记语言，因此学习起来相对简单。
基本语法
在 HTML 中，每个标签都由尖括号（< >）包围，标签通常成对出现，有一个起始标签和一个结束标签。例如，要创建一个段落，可以使用 <p> 开始标签和 </p> 结束标签。
<p>这是一个段落。</p>
示例：一个简单的 HTML 页面
下面是一个简单的 HTML 页面示例，包括了页面结构、标题、段落等基本元素：
html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落。</p> </body> </html>
常用标签及其用法
1. 格式化文本
<strong>：加粗文本。<em>：斜体文本。<u>：下划线文本。
html<p>这是一个<strong>加粗</strong>文本，这是一个<em>斜体</em>文本，这是一个<u>下划线</u>文本。</p>
2. 创建链接
<a>：创建超链接，href属性指定链接的目标 URL。
html<a href="https://www.example.com">点击这里访问示例网站</a>
3. 创建列表
<ul>：创建无序列表。<ol>：创建有序列表。<li>：创建列表项。
html<ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> <ol> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ol>
4. 插入图像
<img>：插入图像，src属性指定图像的 URL，alt属性提供图像的替代文本。
html<img src="https://www.example.com/image.jpg" alt="图片">
5. 表格
<table>：创建表格。<tr>：创建表格的行。<td>：创建表格的单元格。
html<table> <tr> <td>姓名</td> <td>年龄</td> </tr> <tr> <td>张三</td> <td>25</td> </tr> </table>
6. 更多常用标签
当然，请看下面对每个标签的举例：
<form>：创建表单。
<form action="/submit_form" method="post"> <label for="username">用户名：</label> <input type="text" id="username" name="username"><br><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br><br> <button type="submit">提交</button> </form>
<input>：创建表单的输入字段。
<input type="text" id="username" name="username" placeholder="请输入用户名"><br><br>
<button>：创建按钮。
<button onclick="alert('Hello!')">点击这里</button>
<audio>：在网页中嵌入音频文件。
<audio controls> <source src="audio.mp3" type="audio/mpeg"> 您的浏览器不支持音频播放。 </audio>
<video>：在网页中嵌入视频文件。
<video controls width="320" height="240"> <source src="video.mp4" type="video/mp4"> 您的浏览器不支持视频播放。 </video>
<div>：划分页面区块，用于布局。
<div style="background-color: #f0f0f0; padding: 10px;"> 这是一个 DIV 区块。 </div>
<span>：为文本或其他行内元素设置样式。
<p>这是一个<span style="color: red;">红色</span>字体。</p>
<meta>：定义 HTML 文档的元数据。
<meta charset="UTF-8"> <meta name="description" content="网页描述内容">
<link>：引入外部资源，如样式表。
<link rel="stylesheet" href="styles.css">
<iframe>：在网页中嵌入另一个网页。
<iframe src="https://www.example.com" width="600" height="400"></iframe>
<object>：嵌入多媒体内容，如 Flash 动画。
<object data="flash.swf" type="application/x-shockwave-flash" width="400" height="300"></object>