新人学习笔记之（基本标签）

1.标题标签

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的网页标题，即<h1><h6>。

标题标签语义：作为标题使用，并且依据重要性递减。

• 标题标签特点：

  • 加了标题的文字会变得加粗，字号也会依次变大。

  • 一个标题独占一行（往一个标题后面加内容会自动写到第二行）。

2.段落标签和换行标签

段落标签：在网页中，要把文字有条例的显示出来，就需要将文字分段显示，<p> 标签用于定义段落，它可以将整个网页分成若干个段落。

段落标签标签语义：可以把HTML分成若干个段落。

换行标签：在HTML中，一个段落的文字会从左到右依次排列，知道浏览器窗口右端，然后才会自动换行。如果希望某段文字强制换行显示，就需要使用换行标签<br />。

换行标签标签语义：强制换行。

• 换行标签特点：

  • <br />是个单标签

  • <br />标签只是简单的开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距

3.文本格式化标签

在网页中，有时需要为文字设置粗体、斜体或下划线等效果。这时就用到HTML中的文本格式化标签，使文字以特殊的方式显示。

标签语义：突出重要性，比普通文字更加重要。

• 文本格式化标签特点：

  • 加粗------<strong></strong>或<b></b>推荐使用------<b></b>

  • 倾斜------<em></em>或<i></i>推荐使用------<em></em>

  • 删除线------<del></del>或<s></s>推荐使用------<del></del>

  • 下划线------<ins></ins>或<u></u>推荐使用------<ins></ins>

4.<div>标签和<span>标签

<div>标签和<span>标签是没有语义的，它们就是一个盒子，用来装内容的

• 标签特点：

  • <div>标签用来布局，一行只能放一个div标签，大盒子

  • <span>标签用来布局，一行可以放多<span>，小盒子

如何学习标签：学习标签是有技巧的，重点是记住每个标签的语义。简单理解就是标签的含义，即这个标签是用来干嘛的。根据标签的语义，再合适的地方给一个最合适的标签，可以让页面结构更清晰。