<!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="https://www.example.com/image.jpg" alt="示例图片">
<!-- 无序列表 -->
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>第一个项目</li>
<li>第二个项目</li>
<li>第三个项目</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>
</body>
</html>
<h1> 到 <h6>):用于定义 HTML 文档中的标题,<h1> 是最大号标题,<h6> 是最小号标题。<p>):用于定义段落,通常包含文本内容。<strong> 和 <em>):分别用于加粗和斜体显示文本内容,增强文本的重要性。<a>):用于创建超链接,href 属性指定链接的目标 URL。<img>):用于嵌入图像,src 属性指定图像的 URL,alt 属性提供替代文本。<ul> 和 <li>):用于创建无序列表,<li> 定义列表项。<ol> 和 <li>):用于创建有序列表,<li> 定义列表项。<table>、<tr>、<th> 和 <td>):用于创建表格,<tr> 定义行,<th> 定义表头单元格,<td> 定义普通单元格。<form>、<input> 和 <label>):用于创建用户输入表单,<input> 定义输入字段,<label> 提供描述性标签。上一篇:html 富文本
下一篇:html的mimetype
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站