《Python+3自动化软件发布系统》Django 2实战_了解Python的更好方法

《Python+3自动化软件发布系统》Django 2实战_了解Python的更好方法_2.2 HTML、CSS、JavaScript

【摘要】本书摘自《Python+3自动化软件发布系统》一书中第2章，第2节，由陈刚、王洪军编著。

2.2 HTML、CSS、JavaScript

抽丝剥茧到这里，读者会发现，HTTP 协议是比较固定的套路，而 HTML 响应数据才是网站存在的灵魂。接下来的问题就是，HTML 是怎么回事呢?常听说的 HTML 5 、CSS 、JS三者是什么关系呢?

一个网页主要由三部分组成。

HTML—— 结构，决定网页的结构和内容(“是什么”);

CSS—— 表现(样式),设定网页的表现样式(“什么样子”);

《Python+3自动化软件发布系统》Django 2实战_了解Python的更好方法_2.2 HTML、CSS、JavaScript

JavaScript(JS)—— 行为，控制网页的行为(“做什么”)。

下面简要讲述一下这三个技术，因为本书不是专门讲这些知识的，但为了内容的连贯性，所以这里只是简单点一下。

2.2.1 HTML

HTML 即超文本标记语言 (Hyper Text Markup Language),是用来描述网页的一种语言。超文本标记语言的结构包括“头”(head) 部分和“主体”(body) 部分，其中“头”部分提供关于网页的信息，“主体”部分提供网页的具体内容。

HTML 是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。它被用来结构化信息，例如标题、段落和列表等，也可用来在一定程度上描述文档的外观和语义。1982年由蒂姆·伯纳斯·李创建，由IETF 用简化的SGML (标准通用标记语言)语法进行进一步发展的 HTML, 后来成为国际标准，由万维网联盟(W3C) 维护。其版本进化最新为 HTML5。

例如：

与之间的文本描述网页；与之间的文本是可见的页面内容与之间的文本被显示为标题；

与

之间的文本被显示为段落。

2.2.2 CSS

CSS 即层叠样式表(Cascading Style Sheets),是一种用来表现 HTML (标准通

用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。其最新版本为 CSS 3。

实际上 CSS 代码都是由一些最基本的语句构成的。它的基本语句语法的结构是这样的：

选择符{属性：属性值}。例如：

#yangshi{width:156px;height:25px;}

在网页制作时采用CSS 技术，可以有效地对全站页面有共同性质属性的布局、字体、颜色、背景和其他效果属性实现更加精确的控制。只要对网页 HTML 里相应的 CSS 代码做一些简单的修改，就可以改变同一页面或整站用到此“选择类”的网页的外观和格式样式。例如：

2.2.3 JS(JavaScript)

JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，同时也是一种广泛用于客户端Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，比如响应用户的各种操作。它也是一种高级编程语言，通过解释执行，是一种动态类型、面向对象的语言。它是一种基于原型、函数先行的语言，是一种多范式的语言。它支持面向对象编程、命令式编程以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O, 比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。