小白HTML进阶之路（1）

一．  WEB的诞生

Web标准包含三个方面：结构标准(HTML)、表现标准(CSS)、和行为标准(JavaScript)

（一）Internet(因特网)：

前身为阿帕网（ARPAnet），Internet是一组全球信息资源的总汇。Internet以相互交流信息资源为目的，基于一些共同的协议(TCP/IP)，并通过许多路由器和公共互联网而成，它是一个信息资源和资源共享的集合。

（二）WWW(万维网)：

WWW是World Wide Web的缩写，是集文本、声音、图像、视频等多媒体信息于-身的全球信息资源网络。用户可以通过浏览器客户端在网络上搜索有用的信息

（三）W3C

1.W3C的成立：1994年10月, Tim Berners-Lee在麻省理工学院创立了World Wide Web Consortium ,中文名为万维网联盟,该联盟的简称为W3C ,是Web技术领域最具权威和影响力的国际中立性技术标准机构。

2.主要工作：W3C最重要的工作是发展Web规范,这些规范描述了Web的通信协议/(比如HTML和XHTML )和其他的构建模块。

3.成员机构：由设立在美国麻省理工大学、欧洲数学与信息学研究联盟、日本庆应大学、中国北京航空航天大学的四个全球总部的全球团队联合运营

4. w3c标准的形成流程

二．网站

Website中文名为网站,是指在Internet上根据一定的规则 ,使用HTML等I具制作的用于展示特定内容相关网页的集合。人们可以通过网站发布自己想要公开的资讯,或者利用网站提供相关的网络服务。

WEB发展

（1）WEB开发的进化史: C/S模式（Client/Server）转变为B/S（Browser/Server）模式，不必再安装和更新任何客户端程序，方便且快捷

第一阶段

web开发中的页面主要是静态页面，用超链接组合成树状结构，功能单一。

第二阶段

页面功能交互变得复杂，前后端逐渐分离，依靠ajax进行通信。

第三阶段

前后端正式分离，出现了前端工程化、组件化等应用。

1.网站是在互联网上拥有域名或地址并提供一定网络服务的主机， 是存储文件的空间,以服务器为载体。人们可通过浏览器等进行访问、查找文件,也可通过远程文件传输(FTP)方式上传、下载网站文件。

2.网址：在浏览器中输入网站的地址就可以打开想要访问的网站,那么这个网站的地址我们称之为URL ,中文名为统-资源定位符,俗称网址。

常用协议：（URL格式：协议://主机地址+目录路径+参数）

（1）http/https协议:超文本传输协议,是用于从万维网服务器传输超文本到本地浏览器的传输协议

（2）ftp协议:文件传输协议,可以通过FTP访问服务器上的文件

（3）file协议:主要用于访问本地计算机中的文件

3.Web浏览器：浏览器是一个显示网站服务器或者档案系统内的HTML文件,并让用户与这些文件互动的软件。

4.浏览器内核：浏览器内核负责对网页语法进行解释,浏览器内核也就是浏览器所采用的渲染引擎，渲染引|擎决定了浏览器如何显示网页的内容以及页面的格式信息。

常见浏览器内核

(1).IE浏览器:由微软公司出品,采用Trident内核

(2).Chrome浏览器:由Google公司出品,采用Webkit内核,后换成Blink内核

(3).Firefox浏览器:由Mozilla公司出品,采用Gecko内核

(4).Safari浏览器:由苹果公司出品,采用Webkit内核

(5).Opera浏览器:由Opera公司出品,采用Presto内核

内核推荐使用:Chrome浏览器

速度快  操作简捷  代码调试方便  对HTML 5新特性支持好

5.Web服务器：服务器：Web服务器主要是提供网上信息浏览服务。Web服务器可以解析HTTP协议,当Web服务器接收到一个HTTP请求时,会返回一个HTTP响应,这样客户端就可以从服务器上获取网页内容,包括CSS、JS、 音频、视频等资源。

6.web开发：Web开发主要分为前端开发和后端开发两部分,前端更侧重于页面的展示与用户的交互,后端更侧重于数据的处理与服务的访问。而HTML语言就属于前端开发的范围。

（1）前端开发：前端指的是直接与用户接触的网页,网页上通常有HTML、CSS、JavaScript等内容。

（2）后端开发：后端指的是程序、数据库和服务器层面的开发。

7.Web开发：前端开发三件套:HTML、CSS、JavaScript

8.WEB标准

1.WEB开发的标准：Web应用开发需要遵循的标准就叫Web标准,这里Web标准是一系列标准的集合。网页主要由三部分组成:结构标准( XML、HTML和XHTML) , 表现标准(CSS) ,行为标准( DOM、Javascript )

（1）HTML：HTML用来构成网页的内容,内容就是网页制作者放在页面上想让用户浏览的信息，例如文字、图片、视频等等,简单来说就是用来定义网页的内容。

（2）CSS：CSS决定了网页样式的展现,也就是内容的表现形式,例如字体的颜色、背景的样式、标题的大小等。

（3）Javascript：Javascript是用来定义网页上的交互,控制网页的行为,例如弹出弹框、页面打开关闭、输入内容的提示等等。

开发工具：Visual Studio Code是微软推出的针对web开发的代码编辑器,具有开源、高性能扩展性好的特点。

9.HTML的优势

1语义化HTML会使HTML结构变的清晰,有利于代码的维护 2有利于搜索弓|擎抓取

3语义化使代码仍具可读性 4语义化会使HTML代码变得更简洁,提高页面加载速度

5语义化有助于屏幕阅读器等设备的识别

10.HTML与XHTML的关系：XHTML是可扩展超文本标记语言,是-种更严格、更纯净的HTMI语言。

HTML与XHTML主要的不同点

1.XHTML元素必须被正确地嵌套 2.XHTML元素必须被关闭

3.标签名必须用小写字母 4.XHTML文档必须拥有根元素

HTML的语义化：HTML 5中新增加了很多语义化标签,不同的HTM标签代表了不同的网页内容。

  这个在HTML文件中可行，但是在xhtml中不可行

 XHTML中可行的形式

验证HTML文件的错误与否可以在

W3C检测地址：http://validator.w3.org/

进行检查

11.标签

     HTNL是由一系列标签组成的，每个标签是以"<"和">"包裹的单词，通常称为元素。例如：<div></div>

标签的种类

         单标签：只有一个标签就能表达完整的含义。例如：<input /><img />、<br />、<hr />等

        双标签：由开始标签和结束标签两部分构成，它必须成对使用。开始标签告诉Web浏览器从此处开始执行该标记所表示的功能，结束标签告诉Web浏览器在这里结束该标记。

        例如：<div></div>、<span></span>

12.标签元素

      一对标签包含的所有内容，其中元素的内容是之开始标签和结束标签之间的内容

13.标签属性

      标签可以有很多属性，属性是在开始标签中定义，而且是以名值对的形式出现，其中属性值以双引号包裹。

      属性：标签的特征；属性值：为属性所赋的值；

      语法：< 标记 属性=”属性值”>内容</标记>