第一章 学习插件安装

1.插件

chinese 简体 ，我们安装的是vscode中文插件

auto rename tag 重新命名标签 

one dark pro 更换主题

格式化代码

设置->正在格式化->勾选format on paste         

(保存时自动格式代码)    format on save

live server

实时观看效果，ctrl+s会保存显示现有的效果

单击open live serve

open in browser(alt +B)

win+左右键 ，调整vscode与浏览器的位置

2.常用标签

标题标签

<h1>-<h6>

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

双标签

h是head的缩写，

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

特点：

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

2.一个标题独占一行。

4.3段落和换行标签(重要)

在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在HTML标签中，<p>标签用于定义段落，它可以将整个网页分为若干个段落。

<p>我是一个段落标签</p>

单词paragraph,意为段落

标签语义：可以把HTML文档分割为若干段落。

特点：

1.文本在一个段落中会根据浏览器窗口的大小自动换行。

2.段落之间保有空隙。

效果如下

4.3段落和换岗标签(重要)

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

单词break的缩写，意为打断，换行。

标签语义:强制换行

特点：

1.<br/>是个单标签

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