vlambda博客
学习文章列表

认知HTML标签,HTML标签有哪些,都怎么用?(一)

标题(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="图像的替代文本" -->