Python3学习笔记33——HTML基础加一个样式，变成48号字体，灰色，带阴影：

77 阅读 0 评论 51 点赞

我是靠谱客的博主外向云朵，最近开发中收集的这篇文章主要介绍Python3学习笔记33——HTML基础加一个样式，变成48号字体，灰色，带阴影：，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

HTML长什么样？我们看一下新浪的HTML源码，竟然有6000多行！

所以，学HTML，就不要指望从新浪入手了。我们来看看最简单的HTML长什么样：

<html>
<head>
    <title>Hello</title>
</head>
<body>
    <h1>Hello,小猫咪，奶昔，你们好!</h1>
</body>
</html>

可以用文本编辑写HTML，然后保存为hello.html，双击或者把文件拖到浏览器中，就可以看到效果：
在这里插入图片描述
HTML文档就是一系列的Tag构成，最外层的Tag是。规范的HTML也包含<head>...</head>和<body>...</body>
(注意不要和HTTP的Header、Body搞混了），由于HTML是富文档模型，所以，还有一系列的Tag用来表示链接、图片、表格、表单等等。

CSS简介

CSS是Cascading Style Sheets（层叠样式表）的简称，CSS用来控制HTML里的所有元素如何展现，比如，给标题元素

加一个样式，变成48号字体，灰色，带阴影：

<html>
<head>
    <title>Hello</title>
    <style>
        h1{
           color:#333333;
           font-size:48px;
           text-shadow:3px 3px 3px #666666;
         }
     </style>
</head>
<body>
    <h1>Hello,小猫咪，奶昔，你们好!</h1>
</body>
</html>

效果如下：
在这里插入图片描述

JavaScript简介

JavaScript虽然名称有个Java，但它和Java真的一点关系都没有。JavaScript是为了让HTML具有交互性而作为脚本语言添加的，JavaScript既可以内嵌到HTML中，也可以从外部链接到HTML中。如果我们希望当用户点击标题时把标题变成红色，就必须通过JavaScript来实现。

小结

如果要学习Web开发，首先要对HTML、CSS、和JavaScript作一定的了解。HTML定义了页面的内容，CSS来控制页面元素的样式，而JavaScript负责页面的交互逻辑。

对于优秀的Web开发人员来说，精通HTML、CSS和JavaScript是必须的，这里推荐一个在线学习网站w3schools：
http://www.w3schools.com/ 以及一个对应的中文版本：
http://www.w3schools.com.cn/

当我们用Python或者其他语言开发Web应用时，我们就是要在服务器端动态创建出HTML，这样，浏览器就会向不同的用户显示不同的Web页面。

了解了HTTP协议和HTML文档，我们其实就明白了一个Web应用的本质就是：

1、浏览器发送一个HTTP请求；
2、服务器收到请求，生成一个HTML文档；
3、服务器把HTML文档作为HTTP响应的Body发送给浏览器；
4、浏览器收到HTTP响应，从HTTP Body取出HTML文档并显示。

所以，最简单的Web应用就是先把HTML用文件保存好，用一个现成的HTTP服务器软件，接收用户请求，从文件中读取HTML，返回。Apache、Nginx、Lighttpd等这些常见的静态服务器就是干这件事情的。

如果要动态生成HTML，就需要把上述步骤来自己实现。不过接收HTTP请求、解析HTTP请求、发送HTTP响应都是苦力活，如果我们自己来写这些底层代码，还没开始写动态HTML呢，就得花个把月去读HTTP规范。

正确的做法时底层代码由专门的服务器软件实现，我们用Python专注于生成HTML文档。因为我们不希望接触到TCP连接、HTTP原始请求和响应格式，所以，需要一个统一的接口，让我们专心用Python编写Web业务。

这个接口就是WSGI:Web Server Gateway Interface.

Python内置了一个WSGI服务器，这个模块叫wsgiref，它是用纯Python编写的WSGI服务器的参考实现。所谓“参考实现”是指该实现完全符合WSGI标准，但是不考虑任何运行效率，仅供开发和测试使用。

运行WSGI服务

我们先编写hello.py，实现Web应用程序的WSGI处理函数：

hello.py

def application(environ,start_response):
    start_response('200 OK',[('Content-Type','text/html')])
    return [b'<h1>Hello,web!</h1>']

server.py

from wsgiref.simple_server import make_server
#导入我们自己编写的application函数
from hello import application
#创建一个服务器，IP地址为空，端口是8000，处理函数是application
httpd=make_server('',8000,application)
print('Serving HTTP on port 8000...')
#开始监听HTTP请求：
httpd.serve_forever()

注意：如果8000端口已被其他程序占用，启动将失败，请修改其成其他端口。
启动成功后，打开浏览器，输入http://localhost:8000/，就可以看到结果了：
在这里插入图片描述