学习HTML+CSS

用vscode编辑
如何创建html,创建文本方式
VS Code,全称Visual Studio Code,来自微软，是一个开源的、基于Electron的轻量代码编辑器。
下载地址：https://code.visualstudio.com/docs/?dv=win
安装好之后跟着操作步骤一步步激活
如何安装插件？ 语言包 也可以点击我们右键 view in browser 来浏览我们的网页
我们打开是全英文的东西，需要我们安装一些插件：chinese、open in browser、view in browser
学习编辑器的基本使用
ctrl + s 保存
我们也可以新建一个文件，同时在我们保存的地方也有那个位置，删除也是
创建文件、创建文件夹
ctrl + c
ctrl + y 返回上一级
ctrl + z 撤销
设置：文件-> 首选项->设置 （大小、是否换行 word wrap)
shift +end :从头选中一行
shift+ home ：从后面往前面选
shift + alt + 向下箭头 ：是快速的复制下一行
alt + 上 ：快速移动一行
table:向后缩进
tab + shift 向前缩进
学习多光标：
可以通过键盘的上下键对内容进行统一的移动
alt + 鼠标左键
Ctrl + d ：选择相同元素的下一个

chrome浏览器：
看我们做的html的这些代码

    HTML:结构
    CSS：样式

web三大核心技术
HTML
CSS
JAVASCRIPT
HTML基本结构和属性
HTML超文本标记语言
超文本： 文本内容 + 非文本内容（图片、视频、音频）
标记：<单词>
标记也叫标签

写法分为两种：
单标签

双标签

标签是可以上下排列，也可以组合嵌套
HTML常见标签有哪些：http://www.html5star.com/manual/html5label-meaning/
标签的属性：来修饰标签的，设置当前标签的一些功能。
<标签 属性=“值” 属性2=“值”>
初始代码:规范我们的代码
HTML初始代码?
每个.html文件都有的代码叫初始代码，要符合html文件的规范写法。
！ + tab ：快速创建初始代码

HTML注释：
写法： 在浏览器中看不见，只能在代码中可以看到注释内容
意义:把暂时不用的代码的保存起来
快捷添加注释与删除注释
ctrl+/ 添加注释
shift + alt + a 删除注释

HTML语义化
所谓HTML语义化指的是，根据网页中内容结构，选择适合的HTML标签进行编写
好处：1。在没有CSS的情况下，页面也能呈现出很好的内容结构。
2、有利于SEO,让搜索引擎爬虫更好的理解网页。
3、方便其他设备解析（如屏幕阅读器、盲阅读器）
4、便于团队的开发
书签结构化：http://h5o.github.io 让浏览更加快捷
标题与段落：
标题 双标签：

…

在一个页面中，h1标题很重要，并且一个.html文件中只能出现一次h1标签.
段落：双标签<p></p>
文本修饰标签：
    强调 - 双标签：<strong></strong>
    区别：1.写法和展示效果上面去看，一个加粗，一个斜体
        2、strong 的强调性更强，em的强调更加的弱

    <strong>:表示强调，会对文本进行加粗
    <em>：表示强调，会对文本进行斜体
    <sub>、<sup>:下标文本、上标文本