常见HTML标签:
- 文档结构:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档标题</title>
</head>
<body>
<!-- 内容 -->
</body>
</html>
- 标题:
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<!-- ... -->
<h6>这是六级标题</h6>
- 段落:
<p>这是一个段落。</p>
- 链接:
<a href="https://www.example.com">访问示例网站</a>
- 列表:
<ul>
<li>无序列表项 1</li>
<li>无序列表项 2</li>
</ul>
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
</ol>
- 图像:
<img src="path/to/image.jpg" alt="图片描述">
- 表格:
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>行1列1</td>
<td>行1列2</td>
</tr>
</table>
- 表单:
<form action="/submit" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<br>
<input type="submit" value="提交">
</form>
常见HTML属性:
- id 和 class 属性:
<div id="unique-id" class="common-class">这是一个DIV元素</div>
- style 属性:
<p style="color: red; font-size: 16px;">红色文本,16像素字体</p>
- src 属性(图像):
<img src="path/to/image.jpg" alt="图片描述">
- href 属性(链接):
<a href="https://www.example.com">访问示例网站</a>
- alt 属性(图像描述):
<img src="path/to/image.jpg" alt="图片描述">
- colspan 和 rowspan 属性(表格):
<td colspan="2">跨两列的单元格</td>
<td rowspan="2">跨两行的单元格</td>
- action 和 method 属性(表单):
<form action="/submit" method="post">
<!-- 表单内容 -->
</form>
- for 属性(标签关联):
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
这只是一个简单的HTML速查列表,涵盖了一些基本的标签和属性。在实际开发中,你可能会遇到更多的HTML标签和属性,具体使用取决于项目的需求。
转载请注明出处:http://www.zyzy.cn/article/detail/3134/HTML