<!-- HTML标签大全示例代码 -->
<!DOCTYPE html>
<html>
<head>
<title>HTML标签大全</title>
</head>
<body>
<!-- 标题标签 -->
<h1>这是最大的标题</h1>
<h2>这是第二大的标题</h2>
<h3>这是第三大的标题</h3>
<h4>这是第四大的标题</h4>
<h5>这是第五大的标题</h5>
<h6>这是最小的标题</h6>
<!-- 段落标签 -->
<p>这是一个段落。</p>
<!-- 强调标签 -->
<strong>这是加粗的文字</strong>
<em>这是斜体的文字</em>
<!-- 超链接标签 -->
<a href="https://www.example.com">这是一个链接</a>
<!-- 图像标签 -->
<img src="image.jpg" alt="描述图片的内容">
<!-- 列表标签 -->
<ul>
<li>无序列表项 1</li>
<li>无序列表项 2</li>
</ul>
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
</ol>
<!-- 表格标签 -->
<table border="1">
<tr>
<th>表头 1</th>
<th>表头 2</th>
</tr>
<tr>
<td>单元格 1</td>
<td>单元格 2</td>
</tr>
</table>
<!-- 表单标签 -->
<form action="/submit_form" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="user_name"><br><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="user_email"><br><br>
<input type="submit" value="提交">
</form>
<!-- 分割线标签 -->
<hr>
<!-- 注释标签 (不会在浏览器中显示) -->
<!-- 这是一个注释 -->
</body>
</html>标题标签 (<h1> 至 <h6>)
<h1> 是最高级别，<h6> 是最低级别。段落标签 (<p>)
强调标签 (<strong> 和 <em>)
<strong> 用于加粗文字，表示重要性。<em> 用于斜体文字，表示强调。超链接标签 (<a>)
href 属性指定链接的目标 URL。图像标签 (<img>)
src 属性指定图像的路径，alt 属性提供替代文本。列表标签 (<ul> 和 <ol>)
<ul> 用于无序列表，<ol> 用于有序列表，<li> 定义列表项。表格标签 (<table>, <tr>, <th>, <td>)
<tr> 定义行，<th> 定义表头，<td> 定义单元格。表单标签 (<form>, <input>, <label>)
<input> 定义输入字段，<label> 定义标签文本。分割线标签 (<hr>)
注释标签 (<!-- -->)
上一篇：html border
下一篇：width在html中的用法
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站