实践出真知

HTML + CSS

一、HTML初识

1.基础认知

1.1.网页

网页的组成：

• 文字
• 图片
• 音频
• 超链接
• 视频

常见的五大浏览器：

• IE、火狐、谷歌（accounting for the most）、Safari、欧朋

浏览器渲染引擎（浏览器内核）: 浏览器中专门对代码进行解析渲染的部分
浏览器出品的公司不同，内在的渲染引擎也是不同的：

• 渲染引擎不同，倒置解析相同代码时的速度、性能、效果也不相同
• 谷歌浏览器的渲染速度快、性能高、效果好

1.2.Web标准

Web标准：让不同的浏览器按照相同的标准显示结果，让展示的结果统一！

2.HTML的概念

HTML(Hyper Text Markup Language) ：超文本标记语言

2.1.HTML页面固定结构

  
    
  
  
  网页主体内容
  

2.1.1.VS Code

特点：速度快、体积小、插件多

2.2.2.HTML标签属性

属性注意点：

1. 标签的属性写在开始标签内部
2. 标签上可以同时存在多个属性
3. 属性之间以空格隔开
4. 标签名与属性之间必须以空格隔开
5. 属性之间没有顺序之分
   基本架构：

    
    
    
    


    写代码是一件非常快乐的事情！

• 文档类型声明，告诉浏览器使用哪种HTML版本来显示网页

当前页码采用的是HTML5版本来显示网页。
注意：

1. 声明位于文档最前面的位置，处于标签之前；
2. 不是一个HTML标签，它就是文档类型声明标签。

lang语言种类：
用来定义当前文档显示的语言

1. en定义语言为英文；
2. zh-CN定义语言为中文

简单来说定义en就是英文网页，定义为zh-CN就是中文网页
其实对于文档显示来说，定义成en的文档也可以显示中文，定义zh-CN的文档也可以显示英文

字符集：
字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
在标签内，可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。

charset常用的值有：GB2312、BIG5、GBK和UTF-8，其中UTF-8也被称为万国码，基本包括了全世界所有国家需要使用到的字符

3.HTML标签

3.1.标题标签

1级标题
2级标题
3级标题
4级标题
5级标题
6级标题

3.2.段落和换行标签

我是一个段落标签

3.3.文本格式化标签

3.4.

和标签