HTML简单语法标签（后续实操：云备份项目）

news2025/5/13 22:28:07

以下是一些 HTML 的简单语法标签及其功能介绍：

基本结构标签

<!DOCTYPE html>：声明文档类型为 HTML5
<html>：HTML 文档的根标签
<head>：包含文档元数据（如标题、字符编码等）
<title>：设置浏览器标签页显示的标题
<body>：包含页面可见的内容

文本格式化标签

<h1> 到 <h6>：标题标签（<h1> 最大，<h6> 最小）
<p>：段落标签
<b>：粗体文本
<i>：斜体文本
<u>：下划线文本
<s>：删除线文本
<strong>：语义上的强调（通常显示为粗体）
<em>：语义上的着重（通常显示为斜体）
<br>：换行符
<hr>：水平线

链接和图片

<a>：创建超链接

html

预览

<a href="https://example.com">访问示例网站</a>

<img>：插入图片

html

预览

<img src="image.jpg" alt="图片描述">

列表标签

无序列表：

html

预览

<ul>
  <li>项目1</li>
  <li>项目2</li>
</ul>

有序列表：

html

预览

<ol>
  <li>第一项</li>
  <li>第二项</li>
</ol>

表格标签

html

预览

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
</table>

表单标签

html

预览

<form action="/submit" method="post">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br>
  
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br>
  
  <label for="message">留言：</label><br>
  <textarea id="message" name="message" rows="4" cols="50"></textarea><br>
  
  <input type="radio" id="male" name="gender" value="male">
  <label for="male">男</label>
  <input type="radio" id="female" name="gender" value="female">
  <label for="female">女</label><br>
  
  <input type="checkbox" id="agree" name="agree">
  <label for="agree">我同意条款</label><br>
  
  <select id="country" name="country">
    <option value="china">中国</option>
    <option value="usa">美国</option>
    <option value="uk">英国</option>
  </select><br>
  
  <input type="submit" value="提交">
</form>