文本标签
p标签:定义段落,用于包含一段文字。
<p>这是一个段落。</p>
h1-h6标签:定义标题,表示从大到小的六个级别。
<h1>这是一级标题。</h1>
em标签:强调文本内容,会显示为斜体。
<em>这段文字需要强调。</em>
strong标签:强调文本内容,会显示为加粗字体。
<strong>这段文字需要加强强调。</strong>
span标签:用于对于文本进行样式或者JS控制。
<span style="color: red;">这段文字显示为红色。</span>
图像标签
img标签:定义网页中的图片。
<img src="image.jpeg" alt="图片">
超链接标签
a标签:定义链接,让用户从当前网页跳转到其他网页或同一页面中的别处。
<a href="https://www.6s1.cn">六思逸</a>
表格标签
table标签:定义一个表格。
<table>...</table>
tr标签:定义表格中的行。
<tr>...</tr>
th标签:定义表格中的表头单元格,一般会加粗并居中。
<th>...</th>
td标签:定义表格中的数据单元格。
<td>...</td>
thead标签:定义表格的表头。
<thead>...</thead>
表单标签
form标签:定义表单。
<form action="submit.php" method="post">...</form>
input标签:定义表单中的输入字段。
<input type="text" name="username">
select标签:定义下拉选择框。
<select>
<option>选项1</option>
<option>选项2</option>
</select>
textarea标签:定义多行文本框。
<textarea rows="5" cols="30">...</textarea>
button标签:定义一个按钮。
<button>提交</button>
多媒体标签
audio标签:定义音频。
<audio src="audio.mp3" controls></audio>
video标签:定义视频。
<video src="video.mp4" controls></video>
其他标签
head标签:定义网页的头部,包括标题、CSS样式表和Meta信息等。
<head>...</head>
meta标签:定义网页元数据信息,例如作者、关键词、字符集等。
<meta charset="UTF-8">
style标签:定义CSS样式。
<style>body{background-color: #fff;}</style>
script标签:定义JS脚本。
<script>console.log("Hello, world!");</script>
引入外部JS脚本:可以使用script标签的src属性引入一个外部的JS脚本。
<script src="script.js"></script>