当前位置：首页 > news >正文

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

news 来源：原创 2025/5/13 9:29:34

以下是一些 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>