1.标题标签
(1)HTML提供了六个等级的标题标签,h1-h6
(2)标题从大到小,一个标题独占一行
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题<br>标签</h6>
2.段落标签
<p>
标签用于定义段落,它可以将整个网页分为若干个段落。
<!-- 段落标签 -->
<p>段落标签</p>
3.水平线 <hr>
<!-- 水平线 hr -->
<hr>
4.换行标签
在 HTML 中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签 <br />
。
<!-- 换行标签 br -->
<br>
5.div和span标签
<div>
和 <span>
是没有语义的,用来装内容的。<div>
标签用来布局,但是现在一行只能放一个<div>
。 <span>
标签用来布局,一行上可以多个 <span>
。
<div color="pink" face="楷体" size="22">段落标签标题标签 <h6>标题<br>标签</h6></div>
<span>通用行内标签</span>
6.文字标签
可以调节文字的大小,颜色,字体
<!-- 文字标签 -->
<font color="pink" face="楷体" size="22">字体标签</font>
7.粗体标签
<strong></strong>有着强调作用
<!-- 粗体 -->
<b>粗体标签</b> <strong>粗体标签</strong>
8.斜体标签
<i></i>
<em></em>
<!-- 斜体 -->
<i>斜体标签</i> <em>斜体标签</em>
9.删除线
<s></s>
<del></del>
<!-- 删除线 -->
<s>删除线</s> <del>删除线</del>
10.下划线
<u></u>
<ins></ins>
<!-- 下划线 -->
<u>下划线</u> <ins>下划线</ins>
11.上标、下标
上标:<sup></sup>
上标:<sub></sub>
<!-- 上标 -->
这是<sup>上标</sup>
<!-- 下标 -->
这是<sub>下标</sub>
12.标记
<mark></mark>
<!-- 标记 -->
<mark title="这是一大段文字这是一大段文字这是一大段文字">mark 标记</mark>
13.缩写
<abbr title=" "> </abbr>
<!-- 缩写 abbr -->
<!-- title属性 所有标签共有的属性,鼠标悬浮时,显示属性值 《属性值:属性里的内容》 -->
<abbr title="这是一大段文字这是一大段文字这是一大段文字">缩写</abbr>
14.链接标签
<!-- a标签 超链接 href 里面放链接路径 -->
<a href="https://www.baidu.com">百度</a>
15.音频标签、视频标签
<!-- 音频标签 -->
<!-- controls 控件属性 -->
<!-- loop 循环播放 -->
<!-- autoplay 页面打开自动播放 -->
<audio src="./mp3/Dancers.mp3" controls loop autoplay ></audio>
<!-- 视频标签 -->
<video src="./mp3/周深 - 大鱼.mp4" controls loop autoplay width="800" height="400"></video>