黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移
个人向pink老师前端教程笔记
本笔记前言：基础班主要学习pc端网站布局，最终要制作一个品优购静态网站的相关页面。精通网页布局，为后面学习javescript打下基础。
学习路线：html5基础—css3基础—h5c3提高—项目，品优购电商网站。
03-网页的相关概念——笔记
1 网站和网页的定义：
网站指的是在因特网上根据一定规则，使用html等制作的用于展示特定内容的网页集合。网页是网站中的一页，通常是html格式的文件，它要通过浏览器来阅读。
2 网页的组成元素：
图片，链接，文字，声音，视频等元素组成，通常，网页常见以.htm或.html后缀结尾，因此将其称之为html文件。
3 什么是html？
HTML指的是超文本编辑语言，它是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言。
ps：老师首次用记事本开始操作，将记事本的后缀改为了 .html ，输入了 <img src="图片文件名"> 。创立了一个简单的网站。
3.1 超文本的2层含义：
① 它可以加入图片，声音，动画，多媒体等，这超越了文本限制。
② 它可以从一个文件跳转到另一个文件，与世界各地主机的文件链接，即超级链接文本。
4 网页的形成：
网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户的。见图片。
04-常用浏览器以及内核——笔记
1 常用浏览器
主要是谷歌浏览器。
2 浏览器内核
见图片
05-web标准——笔记（重点）
1 web标准是什么？
web标准是W3C组织和其他组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。
2 为什么需要Web标准？
浏览器不同显示出来的页面或排版就有些许不同，但通过web标准可以使其展示统一内容。
3 Web标准的构成：
主要包括结构，表现，行为三个方面。
见图片。
Web标准给出的最佳体验方案是：结构，样式，行为相分离。简单理解为：结构写到HTML文件中，表现写到CSS中，行为写到JaveScript文件中。
见图片。
07-HTML语法规范——笔记
1 基本语法概述：
所有的标签都要在尖括号<>里面，而且绝大部分都是成对出现的。比如：<html>和</html>，标签中第一个对应的是开始标签，第二个标签是结束标签。极少情况的单标签，比如：<br />。
2 标签关系：
包含关系，并列关系。
见图片。
08-HTML基础结构标签——笔记
每个页面都有一个基本的结构标签（也叫骨架标签）。HTML页面也叫HTML文档。
基本的结构标签，见图片。
ps:图片中打错了<titile>应该为<title>。
每个标签具体指的是网页的哪些部分，建议去看原视频。
09-VScode工具创建页面——笔记
1 开发工具
建议使用开发工具：VScode。
2 开发工具的快捷键及注意事项
新建文件夹：Ctrl+N
保存：Ctrl+S，注意一定要保存为 .html 文件。
页面放大和缩小：Ctrl+加号键，Ctrl+减号键
生成页面骨架结构：输入！，按下Tab键。（必须用英文输入法输入！）
其余知识多为实操内容，建议多练。
10-DOCTYPE和lang以及字符集的作用——笔记
见图片。
ps：图片第一句话，改为“以下”。
图片补充，zh-CN定义语言为中文。
字符集是多个字符的集合，以便计算机能够识别和储存各种文字。在<head>标签内，可通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。其中char为字符的意思，set为集合的意思。
charset 最常用的值为UTF-8,而UTF-8也被称为万国码，基本包含了世界上所有国家需要用到的字符。
格式为：<meta charset="UTF-8"/>
12-标题标签——笔记
<h1>到<h6>，一共有6级标签，重要性，字体大小，粗细程度从h1到h6逐渐递减。
h是head的缩写。
ps: alt+z为自动换行。
13-段落标签和换行标签——笔记
1 段落标签：
<p>我是一个段落标签</p>
p是单词paragraph的缩写，意为段落。
2 换行标签：
<br />
br为单词break的缩写，意为打断，换行。
