学习Viscal Studio Code的相关记录(1)

一、下载Viscal Code Studio
1.百度搜索 Viscal Studio Code,然后打开第一个就是官网
学习Viscal Studio Code的相关记录(1)2.在打开的界面里选择DOWNLOAD,然后会出来一个提示的对话框
学习Viscal Studio Code的相关记录(1)
学习Viscal Studio Code的相关记录(1)

3.然后在电脑的下载位置找到安装程序.exe后,就可以下载了
学习Viscal Studio Code的相关记录(1)
4.下载成功后的 界面如下图所示
学习Viscal Studio Code的相关记录(1)

二、下载拓展
1.在左侧菜单栏里的最下面一个“Extention”里点击后会有一个搜索框出现,在搜索框里搜索想要下载的拓展。
学习Viscal Studio Code的相关记录(1)
2.在下面的三个选项里可以看到已经下载的和推荐的下载的一些拓展功能
3.点击右侧的“Install”,就可以进行下载。

三、在创建一个HTML里的一些快捷键
1.Ctrl + n ------------>新创建一个空的文本文档
学习Viscal Studio Code的相关记录(1)
2.! + Tab键 ---------------->自动填充HTML的相关内容
学习Viscal Studio Code的相关记录(1)
3.Ctri+S ------------>保存
和live server一起用的话保存后在页面里可以显示出相应的变化
学习Viscal Studio Code的相关记录(1)

4.Tab 、Shift + Tab
Tab 是制表符或是空格键,选中某一行后按这个键可以让所有的代码往右移动一位。
学习Viscal Studio Code的相关记录(1)

Shift + Tab是取消右移,选中某行后按这个键可以让他们恢复到原来的位置。
学习Viscal Studio Code的相关记录(1)
四、HTML的一些结构标签
1.
2.
4.

网页的标题
一个文件的头部
  1. 一个文件的浏览器页面中能看到的部分.
在一个HTML里开始和结尾使用的标签

学习Viscal Studio Code的相关记录(1)

四、HTML的一些样式标签

1.

是标题,从1-6字体是从大到小的

...

学习Viscal Studio Code的相关记录(1)

2.

是文章的段落标签
3.
使用这个标签可以换行

学习Viscal Studio Code的相关记录(1)
4. 这个标签可以对字体进行加粗
5. 对字体进行倾斜
学习Viscal Studio Code的相关记录(1)五、列表
1.有序列表
学习Viscal Studio Code的相关记录(1)

2.无序列表
学习Viscal Studio Code的相关记录(1)
3.按钮
学习Viscal Studio Code的相关记录(1)