HTML基础之常用基础标签

HTML基础之常用基础标签

标签分为两类，一种是前后都有的双标签，前后只有一个的为单标签。
双标签一般都是用来显示内容
单标签一般都是功能性标签，不用来对内容显示或者对内容进行一些操作。

标题标签

网页中的默认六种标题标签：h1-h6
从上到下依次变小

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

段落标签

p
一个段落。最后不用加上换行标签，自动换行，每个段落之间有一空行。

<!-- 段落标签 段落之间有空行  -->
<p>一个段落。最后不用加上换行标签，自动换行。</p>

换行标签和水平线标签

这种就是单标签

<!-- 换行标签 -->
<br>
<!-- 水平线 -->
<hr>

文本格式化标签

常见的有：加粗、斜体、下划线、删除线
粗体：
b加粗strong强调，显示效果都一样，都是粗体的作用，开发时根据实际需求来，表示强调的推荐用strong，和你一起共同开发的小伙伴就能大概了解这块可能比较重要。如果自己开发的话，用啥都无所谓啦~

<b>加粗</b>
<strong>加粗</strong>

斜体:
和粗体一样，也有两种显示方式，还是根据自己的需求啦~

<i>斜体</i>
<em>斜体</em>

下划线：

<u>下划线</u>
<ins>下划线</ins>

删除线
原理同上

<s></s>
<del></del>

图像标签、音频标签、视频标签

图像标签：

scr：源属性，指向图片源地址，可以是本地的也可以是网络地址。
alt：文字替换属性，当图片无法显示的时候，就用文字来替换。
title：说明，当指针悬停图片一秒后显示文字可用作提示说明。
宽高设置时，一般设置宽或者高一项即可，设置完成后，另一项会根据你设置的等比例放大。

<img src="pig.jpg" alt="小猪" title="这是一直猪哦">
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic.shuoshuokong.com%2Fd%2Ffile%2F2021-07%2F1626826692802675.png&refer=http%3A%2F%2Fpic.shuoshuokong.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644384839&t=7c882d7b52a28ef0dff78c02c62039e7" alt="">
    

音频标签

src：作用和图像标签里的一样.
controls:用来显示控件。

<audio src="./赵英俊 - 送你一朵小红花.mp3" controls></audio>

视频标签

<video src="./赵英俊 - 送你一朵小红花.mp4" controls></video>

超链接标签

a
可以跳转到网页，也可以跳转到本地其他页。
target:超链接打开方式
_blank：在新界面打开
_self：在当前页面打开

<a href="https://www.baidu.com" target="_blank">跳转到百度</a>