认识大前端

１.1 前端就是将效果图生成网页，利用html+css+js等技术。

１.2 Pc端 移动端

１.3 用户体验

１.4 学习态度

养成一种习惯。

２ 认识网页

２.1 网页由文字、图片、输入框、视频、音频、超链接等组成。

２.2 Web标准

W3c组织（万维网联盟）

Html 结构标准 相当人的身体

Css 表现标准 相当与给人化妆 变的更漂亮

Js 行为标准 想当与人在唱歌，页面更灵动。

２.3 基础班课程安排

Html 2天

Css 7天

Js 3天

２.4 浏览器

◆浏览器是一个上网的客户端（软件）。

１.1 浏览器内核

渲染引擎

渲染引擎是兼容性问题出现的根本原因。

浏览器和服务器的那点事

１.1 Url地址

Url地址就是咱们说的网址。

１ 认识html

１.1 Hyper text markup language

超文本标记语言。

超文本：超链接。（实现页面跳转）

１.2 Html结构标准

标准化法规定：

强制性标准文本应当免费向社会公开。

国家推动免费向社会公开推荐性标准文本。

现整理了面向社会公开

国家标准、行业标准、地方标准的网址，

方便大家查询。

其中大多数标准可免费下载，

部分标准仅支持在线浏览。

（注：头条内不能直接打开外部链接，请复制到浏览器查看）

01▶国家标准平台

1. 全国标准信息公共服务平台

提供国内所有的国家标准(5万多)、行业标准（4万多，其中电力DL行业标准2044项）、地方标准（4万多）、团体标准、企业标准、国际标准（近8万）的查阅，提供大部分国家标准的在线阅读。

http://www.std.gov.cn/（平台域名后期将变更为std.samr.gov.cn）

2. 中国国家标准全文公开系统

提供3万多余项强制性国家标准和推荐性国家标准的全文免费阅读及下载，本系统公开了质检总局、国家标准委已批准发布的所有强制性国家标准、推荐性国家标准（非采标）。食品安全、环境保护、工程建设方面的国家标准未纳入本系统。

http://www.gb688.cn/bzgk/gb/index（平台域名后期将变更为openstd.samr.gov.cn）

3. 中华人民共和国中央人民政府网

提供所有国标标准、行业标准及地方标准的查询，国家标准的在线阅读及部分下载，行业及地方标准部分能提供在线阅读。

http://www.gov.cn/fuwu/bzxxcx/bzh.htm

02▶行业标准

1. 国家工程建设标准化信息网

工程建设的国家标准（特别是强制性标准）及工程建设行业标准

http://www.ccsn.gov.cn/

2. 中华人民共和国住房和城乡建设部官网

提供国家、行业标准发布公告，随公告提供部分标准全文的免费阅读及下载。

http://www.mohurd.gov.cn/bzde/index.html

3. 中国电力企业联合会官网

提供电力企业联合会的企业标准标准在线阅读及下载。

http://dls.cec.org.cn/zhongdianlianbiaozhun/

4. 中华人民共和国生态环境部官网

提供1400余项生态环保国家标准、行业标准的全文免费阅读及下载。

http://kjs.mee.gov.cn/hjbhbz/

5. 流通标准制修订信息管理系统

商务部流通标准制修订信息管理系统，85项商业行业标准可下载（页面右侧）：

http://ltbzh.mofcom.gov.cn/ltbzh_index.shtml

6. 水利部国际合作与科技司官网

水利部水利技术标准查询系统，提供79项含强制性条文的标准文本免费阅读及770项标准题录信息的免费查询：

http://gjkj.mwr.gov.cn/jsjd1/bzcx/

7. 国家广播电视总局官网

广电总局标准信息查询系统，公开237项广播电视标准，工程建设标准可下载，其他标准提供主要内容和适用范围等信息：

http://www.nrta.gov.cn/col/col2081/index.html

8. 国家粮食和物资储备局官网

粮食和物资储备局公开粮油标准目录：

http://www.lswz.gov.cn/html/zcfb/index.shtml

9. 中国气象局官网

中国气象局公开466余项行业标准，可免费下载：

http://www.cma.gov.cn/root7/auto13139/

10. 全国金融标准全文公开系统

中国人民银行金融标准全文公开系统，61项推荐性国标标准，248项推荐性金融行业标准可查询、浏览：

http://www.cfstc.org/bzgk/gk

11. 中国民航标准计量网

中国民航标准计量网，657项民航行业标准免费下载。

http://123.127.67.52/JL/(S(veq3uo45yvropg55bs2bjg55))/OutLinkAccessing/StandardQueryList.aspx?Utype=two

12. 国家标准化管理系统

国家林业和草原局的林业标准化管理信息系统，公开林业行业标准1510项：

http://124.205.185.55/bzk/search_standard_catalog.asp

13. 自然资源部官网

国土资源标准化信息服务平台、测绘地理信息标准化服务平台、海洋标准化信息系统，免费向社会公众提供现行有效的自然资源推荐性标准题录信息和全文在线阅读服务，目前是三个网址，后期三个网址应该会整合成一个：

国土：http://www.lrs.org.cn/channels/198.html

测绘：http://bzgk.nasg.gov.cn/

海洋：http://www.ncosm.org.cn/ncosm/

14. 中华人民共和国国家卫生健康委员会官网

国家卫生健康委员会，卫生标准网提供2199条卫生标准，可免费下载：

国家卫生健康委员会：http://www.nhc.gov.cn/

卫生健康标准网：http://wsbz.nhfpc.gov.cn/wsbzw/

15. 国家食品安全风险评估中心

国家食品安全风险评估中心食品安全国家标准数据检索平台提供1253项食品安全国家标准的下载服务：

http://bz.cfsa.net.cn/db

16.国家体育总局体育器材装备中心

体育标准化信息平台提供73项体育领域的国标和行标查询服务，其中国标可在线浏览，行标只有摘要信息：

http://tybz.sport.gov.cn/

17.中华人民共和国农业农村部官网

农产品质量安全监管局“农业标准”板块随公告公开农业行业标准和国家标准目录，没有标准全文和下载服务：

http://www.moa.gov.cn/gk/zcfg/

18. 中国交通运输标准服务平台

交通运输标准化信息平台，提供1155条交通运输行业标准免费阅读服务：

http://jtysbz.com.cn/

19.中华人民共和国工业和信息化部官网

工业和信息化部标准库，提供化工行业、石化行业、黑色冶金行业、有色行业、建材行业、机械行业、船舶行业、轻工行业、纺织行业、兵器行业、核工业行业、电子行业、通信行业 、化工行业、船舶行业、民爆行业、轻工行业、化工行业、石化行业、有色行业、黑色冶金行业、建材行业、稀土行业、机械行业、汽车行业、船舶行业、轻工行业、食品行业、纺织行业、包装行业、电子行业 、电子行业、机械行业标准共33个项目标准。标准目录：

http://www.miit.gov.cn/n1146295/n1146567/index.html

20. 国家铁路局官网

国家铁路局提供铁路技术标准、工程建设标准、工程造价标准目录，没有在线浏览和下载服务：

http://www.nra.gov.cn/jgzf/bzgf/

21. 中华人民共和国人力资源和社会保障部官网

人力资源和社会保障部政务公开板块规划统计栏目下设有“标准化建设”，提供公共就业服务标准、社会保险标准、劳动定额定员标准的目录清单，部分行业标准可在线阅读，国家标准链接到了标准委全文公开平台：

http://www.mohrss.gov.cn/gkml/index.html

22. 中华人民共和国公安部官网

公安部，政务公开板块——机构分类——科信局中公共安全行业标准公告中提供公安行业标准目录，没有在线浏览和下载服务：

http://app.mps.gov.cn/gdnps/index.jsp

03▶地方标准

除了国家标准、行业标准外，3万7千余项地方标准也正陆续公开（具体数目在不断变化）。截至目前面向社会公开地方标准的部分网址，方便大家查询。初步来看，越是经济发达的省份，地方标准公开的步伐迈的越大，越是相对落后的地区越封闭。如有错漏，敬请指正。

1. 北京市地方标准

1657项，可在线查看文本（IE浏览器）：

http://innerapp.capital-std.com.cn/outerApp/standardSearchAction.do?method=specialSearch

2. 上海市地方标准

776项，可免费下载全文：

http://www.cnsis.org.cn/law/LawQueryServlet

3. 广东省地方标准

1724项，可在线查看文本（IE浏览器）：

http://gdstandard.gdqts.gov.cn:8089/gdzj-lsips/modules/details/open.jsp

4. 重庆市地方标准

905项，部分标准可在线浏览：

http://113.204.47.237:81/SharePage/bzgkBzjs.htm?code=bzgk

5. 天津市地方标准

745项，可免费下载：

http://60.29.186.229/wenxianpdf/c_gonggao4.asp

6. 山东省地方标准

3221项，可在线阅读：

http://www.bz100.cn/member/standard/standard!getfreedb.action

7. 江苏省地方标准

2269项，可在线浏览和免费下载：

http://218.94.159.231:8012/zjkms/kms/publish.rkt?type_code=gy

8. 浙江省地方标准

802项，可在线浏览和免费下载：

http://db33.sinostd.com/stdlist.aspx

9. 湖北省地方标准

1724项，可在线浏览：

http://223.75.53.52:81/finddbSearch

10. 陕西省地方标准

1032项，可在线浏览和下载：

http://219.144.196.28/std/db_std.asp

11. 山西省地方标准

1217项地方标准，可下载：

http://bqts.gov.cn/office/show.action?alias=bzhc

12. 河北省地方标准

提高标准的查询，大部分强制性地方标准可下载，推荐性地方标准只有目录信息：

http://www.bzsb.info/

13. 河南省地方标准

1591项标准，可下载、可预览：

http://www.hndb41.com/publish/index.jhtml?q=88&publish.stdno=&publish.name=

14. 湖南地方标准

1909项，可在线浏览：

http://db43.hnbzw.com/

15. 江西省地方标准

721项，可在线阅读和下载：

http://www.jxbz.org.cn/list.aspx?nid=11

16. 安徽省地方标准

2523项，可在线浏览和下载：

http://bzxx.ahbz.org.cn/search_list.html?searchtype=2&sclass=3&csname=&egname=&scode=&csdc=&ics=&syear=&eyear=&sdate=&edate=&status=L#

17. 福建省地方标准

1912项，需要登录才能阅览：

http://pt.fjbz.org.cn:8060/StandardSearch/StdSearch.aspx

18. 广西地方标准

1749项，只有目录、不能阅读和下载：

http://bs.gxqts.gov.cn:8080/gxwsdt/wsbsdt/PublicSearch/SearchResult.jspx?pageCode=006&pageText=%E5%9C%B0%E6%96%B9%E6%A0%87%E5%87%86%E5%8C%96%E7%AE%A1%E7%90%86%E6%9F%A5%E8%AF%A2

19. 贵州地方标准

1510项（现行有效1049项），可在线阅读和下载：

http://cloud.gzqts.gov.cn/dfbz/index.action

20. 云南省地方标准

943项，可在线阅读：

http://222.172.223.74:8090/web/guest/-4

21. 四川省地方标准

1981项，可在线浏览：

http://118.114.77.13/bzwxup/stdsearch.jsp?CnName=&stdNo=&jingque=1&EnName=&TextualName=&orgType=2&Organization=DB51&IcsClass=&CnClass=&StdStatus=1&isForce=0&StdYear=0&nPageSize=10

22. 甘肃省地方标准

2437项，可在线阅读：

www.gsdfbz.cn

23. 青海地方标准

1613项，只有目录，不能阅读和下载：

http://125.72.41.89:8008/home/res/search?keywords=DB&page=

24. 宁夏地方标准

1395项，可以阅读载：

http://www.nstd.org.cn/

25. 西藏地方标准

115项，可阅览，可直接下载：

http://www.xzzj.gov.cn/xzzj/bsdt/dfbzfb/list/

26. 黑龙江省地方标准

部分标准提供了文本、可下载：

http://www.hljqts.gov.cn/

27. 吉林省地方标准

1433项标准，可下载文本：

http://221.8.65.189/stdcore/standard/info/findLocalStandard.do

28. 辽宁省地方标准

1438项，只有目录，没有在线浏览和下载服务：

http://218.60.145.253/ywcx/cx/listAction.do?key=011

29. 海南地方标准

474项，可直接下载：

http://qtsb.hainan.gov.cn/ywdt/dfbz/

30.内蒙地方标准

500余项，可以在线阅读，访问时间限制工作日9:00~17:00。

http://www.imisinfo.org.cn/

31.新疆地方标准

1598项，暂时访问出错

http://www.xjbz.org.cn/

32. 台湾地区标准

暂缺

么是HTML

大家知道平时上网浏览的页面是怎么做出来的吗？就是通过今天要给大家介绍的语言HTML来完成的。什么是HTML？超文本标记语言（HyperText Markup Language，简称为HTML）

• HyperText： 是指具有交互功能的文本，如：超链接，可以从当前页面跳到另外一个页面。超文本在现在的互联网不仅仅指的的文本文件，还可以是视频，音乐，图片等
• Markup Language：通过特殊的符号表示特定的内容，如标题、段落、图片、表格、超链接等。

HTML是一种编程语言，编程语言都需要写到文件中，如何创建文件？可以创建一个文本文件，并命名为：home.html，其中home是文件名，文件扩展名为.html告知浏览器这个文件包含HTML，这样浏览器才能正确的解释HTML并显示出来。

HTML的发展历程

HTML最初于1989年由GERN的Tim Berners-Lee发明，至今已经有30多年的历史了，在这30年的过程中，HTML经历了几次重大的版本更新：

HTML在刚刚诞生的时候只有几个最基础的标签，做好的页面也不好看，但是已经支持了超文本。

在1995年自HTML3诞生开始，漫长残酷的浏览器战争也随之而来，Netscape和Microsoft两个浏览器厂商都在试图争霸世界，这场战争的受害者是web开发人员，每个浏览器公司都在不断的增加自己的专用扩展包来试图保证领先，所以web开发人员通常必须要写两个单独的页面来适应两大厂商。

1997年基于HTML4的标准诞生，浏览器大战结束了，来解救我们的是万维网联盟W3C，它的计划是创建一个唯一的web标准，让世界恢复平静，W3C计划把HTML的结构和表现分离成两种语言：一种语言用于实现结构（HTML），一种语言用于表现（CSS），并且要求所有的浏览器厂商都采用这个标准。

1999年HTML4.01闪亮登场，成为接下来十年当中HTML的必备版本，因为几乎所有的浏览器都采用了这个标准，让我们web开发人员的日子也好过了一些，但是除了IE浏览器，所以开发人员针对IE浏览器总是要做一些额外的工作。

2000年一个新兴的事物引起了我们的注意就是XML，它让HTML开始心烦意乱，他们两个终于不情愿的结合在了一起，就有了后来的XHTML，XHTML1.0就此诞生了。XHTML的标准更严格，所有的标签必须由开始标签和结束标签组成。所以大部分开发人员很讨厌XHTML对于HTML的灵活性更拥护，导致XHTML发展到2.0版本的时候甚至惨遭淘汰，所以这场婚姻的结局并不好。

到了2009年，XHTML很快被HTML5取代，因为HTML5延用了HTML4.01的大部分特性，还提供了很多适合web新发展的新特性，而这正是开发人员一直想要的，并且完全支持XHTML风格的代码，所以HTML5成为大家公认的标准，并于2014年HTML5正式发布，曾经对标准不屑一顾的IE浏览器，自IE9浏览器开始也加入了全面支持HTML5的阵营。

现在很清楚了，HTML5对我们来说意味着什么？跟着我一起加入这个欢乐的世界，关注我，后面会继续给大家介绍Web前端开发所需掌握的技能。