<!-- HTML标签示例 -->
<!DOCTYPE html>
<html>
<head>
<title>HTML标签示例</title>
</head>
<body>
<!-- 标题标签,从<h1>到<h6>,数字越小标题越大 -->
<h1>这是一个一级标题</h1>
<h2>这是一个二级标题</h2>
<!-- 段落标签 -->
<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>
</ul>
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
</ol>
<!-- 表格标签 -->
<table>
<tr>
<th>表头 1</th>
<th>表头 2</th>
</tr>
<tr>
<td>单元格 1</td>
<td>单元格 2</td>
</tr>
</table>
<!-- 表单标签 -->
<form action="/submit" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
<html>
:文档的根元素。<head>
:包含文档的元数据(如标题、样式、脚本等)。<title>
:定义文档的标题,显示在浏览器标签上。<body>
:包含页面的主要内容。<h1>
到 <h6>
:标题标签,<h1>
是最大的标题,<h6>
是最小的标题。<p>
:定义段落。<strong>
和 <em>
:分别用于加粗和斜体文本。<a>
:超链接标签,href
属性指定链接的目标 URL。<img>
:图像标签,src
属性指定图像的路径,alt
属性提供替代文本。<ul>
和 <ol>
:无序列表和有序列表标签,<li>
定义列表项。<table>
:表格标签,<tr>
定义行,<th>
定义表头,<td>
定义单元格。<form>
:表单标签,action
属性指定表单提交的 URL,method
属性指定提交方法(GET 或 POST)。上一篇:html table
下一篇:html换行标签
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站