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 />

特殊字符

    添加空格
<     小于号
>     大于号

img标签

img标签的title属性,当鼠标滑过图片时,就会在图片上显示title中的内容,alt属性只有在图片未正常加载时,才会显示
./表示当前文件所在路径

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

网站图标

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

你可能感兴趣的:(前端,html,css)