小白html进阶之路(1)

网友投稿 653 2022-05-29

一.  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 )

(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是由一系列标签组成的,每个标签是以"<"和">"包裹的单词,通常称为元素。例如:

标签的种类

单标签:只有一个标签就能表达完整的含义。例如:


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

例如:

12.标签元素

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

13.标签属性

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

属性:标签的特征;属性值:为属性所赋的值;

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

HTML web前端

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:华为云云原生王者之路集训营(黄金-第三章和第四章)
下一篇:MongoDB深入学习总结(上)
相关文章