HTML系列知识(二)
2019-10-20 本文已影响0人
纭微细雨
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>