web前端入门-【常用文本标签】

换行标签

换行标签是一个单标签，在网页文字排版中实现换行的效果

<br/>

H标签

H标签可以使标题变大变粗，默认实现换行的效果；相对于正文而言，h1标签有着更大的行间距；除了h1标签还有h2、h3…h6 ;标题比正文有更高的权重。

<h1>一级标题</h1>

P标签

P标签包裹的文字，默认也具有换行的效果，当加入P标签后，前后会有大于正文的行间距作为段落之间的区隔；在P标签的内部，可以嵌套其他的标签

<p> P标签 </p>

pre标签

pre标签可以预定义格式化文本，被包裹在pre标签中的文本通常会保留空格和换行符，有行间距，默认前后换行

<pre> 预定义格式化文本 </pre><b> 加粗 </b><i> 倾斜 </i><u> 加入下划线 </u>

角标标签

<sup> 上角标标签 </sup><sub> 下角标标签 </sub>

水平分割线

hr标签是一个单标签，hr标签会直接贯穿形成一个分割线

<hr />

特殊字符

&nbsp 添加空格&lt小于号&gt大于号

img标签

img标签的title属性，当鼠标滑过图片时，就会在图片上显示title中的内容，alt属性只有在图片未正常加载时，才会显示

./表示当前文件所在路径

<img src="" width="40%" title="图片名称" alt="图片未正常加载"/>

网站图标

在制作网站标题的图标时，需要用到图标在线转换工具，为了实现该效果，我们一般在head标签下添加一个link单标签

<link rel="icon" href="icon路径"