<!-- 这是一个简单的 HTML 示例,展示了常见的 HTML 标签 -->
<!DOCTYPE html>
<html>
<head>
<title>HTML Tag 示例</title>
</head>
<body>
<!-- 标题标签 -->
<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<!-- 段落标签 -->
<p>这是一个段落。HTML (超文本标记语言) 是用于创建网页的标准标记语言。</p>
<!-- 链接标签 -->
<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>有序列表项 1</li>
<li>有序列表项 2</li>
<li>有序列表项 3</li>
</ol>
<!-- 表格标签 -->
<table>
<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="name"><br><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
<!DOCTYPE html>: 声明文档类型为 HTML5。<html>: 根元素,包含整个 HTML 文档的内容。<head>: 包含元数据(如标题、样式、脚本等),不会显示在页面上。<body>: 包含页面的主体内容,会显示在浏览器中。<h1> 至 <h6>: 标题标签,<h1> 是最大号标题,<h6> 是最小号标题。<p>: 段落标签,用于定义一段文字。<a>: 超链接标签,href 属性指定链接的目标 URL。<img>: 图像标签,src 属性指定图像的路径,alt 属性提供替代文本。<ul> 和 <ol>: 分别是无序列表和有序列表标签,<li> 是列表项。<table>: 表格标签,<tr> 是表格行,<th> 是表头单元格,<td> 是普通单元格。<form>: 表单标签,用于收集用户输入,action 属性指定提交表单的目标 URL,method 属性指定提交方式(GET 或 POST)。上一篇:html缩进
下一篇:html 格式
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站