前端各种常用标签

<h1>-<h6>标题标签

    <h1>标题标签</h1>
    <h2>标题标签</h2>
    <h3>标题标签</h3>
    <h4>标题标签</h4>
    <h5>标题标签</h5>
    <h6>标题标签</h6>

显示效果

<p></p>段落标签

<p>段落标签11111111111111111111111111111111111111111111111111111111111111
        111111111111111111111111111111111111111111111111111111111111111111111
        111111111111111111111111111111111111111111111111111111111111111111111111
    </p>

    <p>段落标签11111111111111111111111111111111111111111111111111111111111111
        111111111111111111111111111111111111111111111111111111111111111111111
        111111111111111111111111111111111111111111111111111111111111111111111111
    </p>

显示效果

<br />换行标签

段落和段落间会有较大空隙，但换行不会

换行标签1111111111
    <br />
    11111111111

显示效果

 <strong></strong>加粗

 <em></em>倾斜

 <del></del>删除线

 <ins></ins>下划线

 <strong>加粗</strong><br>
 <em>倾斜</em><br>
 <del>删除线</del><br>
 <ins>下划线</ins><br>

显示效果

<div></div>标签

        用来布局，一行只能放一个div

<span></span>标签

        用来布局，一行能放多个span

<div>单独占一行</div>123
<div>单独占一行</div>123
<br />
<span>111</span>
<span>222</span>
<span>333</span>

显示效果

因为一行只能放一个div，所以123被显示在了下方，没有出现在“单独占一行”的后面

图像标签

<img src="图像URL" />

<img src="图像URL" alt="对图片的说明"/>

<img src="图像URL" alt="对图片的说明" title="提示文本,鼠标放到图像上会提示的文字">

weigh设置图像的宽 ,heigth设置图像的高，border设置图像的边框粗细

<img src="" width="" height="" border="" />

链接标签

<a href="跳转目标的URL" target="跳转方式">文本或图像</a>

_self在当前页面跳转   _blank在新窗口跳转

#为空链接，有链接的样式但点击后不会跳转

若地址链接的是zip等压缩包形式或exe后缀，点击后会下载

<a href="https://www.baidu.com/" target="_self">百度</a>
<a href="https://www.baidu.com/" target="_blank">百度</a>
<a href="#">空链接</a>
<a href="a.zip">点击下载</a>

显示效果

锚点链接

<a href="#a">点击跳转</a>
<a id="a">跳转的位置</a>

特殊字符

下图源自27-注释标签和特殊字符_哔哩哔哩_bilibili

初学者，见解不足，如有错误请指出