认知HTML标签，HTML标签有哪些，都怎么用？

Posted 2021-04-04 WEBwynn

标题（Heading）标签

<!-- 都自带上下外边距，默认加粗 -->
<h1>一般使用一次,字体大小默认是2em也就是32px</h1><h2>使用较少，字体大小默认是.5em也就是24px</h2><h3>使用较多，字体大小默认是1.17em也就是18.73px</h3><h4>很少使用，字体大小默认是16px</h4><h5>很少使用，字体大小默认是3.28px</h5><h6>很少使用，字体大小默认是12px</h6>

p标签

<p>经常使用，一堆p标签就是一个段落，默认字体大小是16px、1em</p>

a超链接标签

<a href="https://www.baidu.com/" target="_blank">百度</a><!--  href="里边放要连接的地址" target属性有三个： _blank 在新窗口中打开被链接文档； _self 在被点击时的同一框架中打开被链接文档（默认）； _parent 在父框架中打开被链接文档； _top 在窗口主体中打开被链接文档。-->

a标签另外还可以做描点

设置一个锚点链接<a href="#miao">去找喵星人</a>；设置锚点的位置 <h3 id="miao">喵星人基地</h3>；

<br />换行标签

这是换行标签这是换行标签这是换行标签这是换行标签<br> 这是换行标签这是换行标签这是换行标签这是换行标签<br> 这是换行标签这是换行标签这是换行标签这是换行标签<br> <!-- 换行标签是单个标签 换行标签有三种写法分别是 标准是 <br /> 不标准的<br>、<br/> -->

<img>图片标签

<img src="./图片引用地址" alt="图像的替代文本"/> <!-- img标签是单个标签  alt="图像的替代文本" -->