HTML系列知识（二）

HTML段落

<p>标签即表示段落，是paragraph的缩写，自带换行效果

在p标签中的文本会自动换行，不在p标签中的，不会自动换行

HTML加粗

<b>

<strong>

都可以用来实现粗体的效果

区别：

b是bold的缩写，仅仅表示该文本是粗体的，并不暗示这段文字的重要性

strong虽然也是粗体，但是更多的是强调语义上的加重，提醒用户该文本的重要性。 在SEO（搜索引擎优化）的时候，也更加容易

帮助用户找到重点的内容，推荐使用strong

<b>b标签粗体效果</b>

<strong>strong标签粗体效果</strong>

HTML斜体

<i>和<em>都可以表示斜体效果

区别：

i是italic的缩写，仅仅表示该文本是斜体的，并不暗示这段文字的重要性

em 是 Emphasized的缩写，虽然也是斜体，但是更多的是强调语义上的加重，提醒用户该文本的重要性。 常常用于引入新的术语

的时候使用。

<i>使用 i 标签带来的斜体效果</i>

<em>使用 em 标签带来的斜体效果</em>

<strong><i>同时有粗体和斜体</i></strong>

HTML预格式

有时候，需要在网页上显示代码，比如java代码，就需要用到pre

<pre>

public class HelloWorld {

    public static void main(String[] args) {

        System.out.println("Hello World");

        }

}

</pre>

HTML删除效果

<del>即删除标签，delete的缩写

<del>使用del标签实现的删除效果</del>

使用del标签实现的删除效果

HTML下划线

<ins>即下划线标签，但是通常来讲，不要给普通文本加下划线，因为用户会误以为是一个超链

<ins>使用ins标签实现的下划线效果</ins>