HTML常用标签总结 - WeTab学习笔记

时间：2023-6-2 07:33 作者：六思逸 分类： HTML

文本标签

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>

扫描二维码，在手机上阅读