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


本文主要介绍HTML中常见的标签,包括文本标签、图像标签、超链接标签、表格标签、表单标签、多媒体标签以及其他标签,详细介绍每个标签的用途和示例。阅读本文可以对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>


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

推荐阅读:

介绍CSS基础语法和选择器常见类型 - WeTab学习笔记

Vue组件间数据联动实现上传头像后顶部头像同步更新

评 论