python建网站之Day1、2、3
版权声明：本文为博主
月明星稀---https://blog.csdn.net/m0_64492647原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
注意，本文章不是我写的，请看原创
谢谢！
HTML基础
HTML是决定网站的结构和内容
而CSS是设置网页的样式：
JavaScript是控制网页的行为（由于小编是学python，所以JavaScript暂不接触）
HTML是制作网页的语言
也就是超文本标记语言
Hyper Text Markup Language
拿我们的某度为例，有文本，图形and so on。
HTML跟我们人很像
有整个人，头和身体
基本的HTML结构：
-
<!DOCTYPE html> 文档声明，表面这是一个HTML -
<html lang="en"> -
<head> -
<meta charset="UTF-8"> 网页编码 -
<title>Title</title> 网页标题 ‘Title’ -
</head> -
<body> -
|内容 -
</body> -
</html>
双标签有 开始标签 和 结束标签
<标签名> 标签内容 </标签名>
▲开始标签 ▲结束标签
如何新建HTML文件呢？
来实战一下吧~
-
<!DOCTYPE html> -
<html lang="en"> -
<head> -
<meta charset="UTF-8"> -
<title>我的第一个网页</title> -
</head> -
<body> -
Hello word！ -
</body> -
</html>
你可以试一下把唐诗显示在网页上
旅思 一去二三里 烟村四五家 门前六七树 八九十枝花
试一下
你一定会怎么做：
你会得到这个结果
没事，这就要用我们的 <p> 标签了
try again！
把题目加粗：
用<h>标签
look：
所以，就实现了~ ^_^
那如何添加music呢？
用 <andio>标签，举个梨子：
添加后，在哪？
还没显示，要用这个：
controls!
attention，please！
好了，day1就over了。day2见 ，see you ~~~
回顾：https://blog.csdn.net/m0_64492647/article/details/123771287正在上传…重新上传取消http://看我的上一篇博客
全是字的网页太丑了，用CSS来美化它，开始！
CSS是用来控制网页的样式
是 Cascading Style Sheet （层叠样式表）
他可以调节网页的颜色，位置，大小and so on，就像给网页化妆。
HTML， 没CSS ：
HTML + CSS ：
如何使用CSS呢？别急，现在让我告诉你。
CSS的格式是由 选择器 和 声明 构成。
每个声明包括属性和对应的值
so，总结一下：
but：CSS代码写哪呢？HTML里？py文件里？
不不不，它是单独的文件！
当你写完时，查看网页，会发现，没效果！
why？
Because它还没有引入！
它们似乎没任何关系，怎么办呢？
用 超链接 ！也就是 <link>标签。
划重点了 （attention ，please！）！
还记得刚刚的CSS吗？
我想写多个声明，难道要...
每个都写一次？ 不用！不用！不用！
对于CSS，同一个标签的声明可以写在一起
请看（例子）：
那我想用CSS设置背景，任何写呢？
就这么写 ^
想要效果 （图1）：
实际效果 ：
不要啊，为什么？
因为背景图片没浏览器窗口大！怎么办？
把背景大小设置自动覆盖整个浏览器窗口！
就这么写！
这样就可以显示图1的样子了！
马上就要结束了！
我再讲几个知识点：
一个html文件可以引入多个css文件（不同名！）
例如：
还有CSS的一些常用代码。
好了，day2就结束了。day3见 ，see you ~~~
浏览器有谷歌，360,2345and so on。可你知道它是怎么运作的吗？
它是怎么显示网页的呢？
你可以输入网址或IP地址。
这是服务器的作用：
网址的组成：
http：// www.csdn.net
↑http协议 域名↑
而http协议：它规定了请求和响应中的 信息传输规范
那后面的是什么呢？
it is 资源路径
我来概括一下资源和资源路径：
资源：页面展示的内容
资源路径：指内容在服务器的储存位置
举个栗子：
学校是域名，其他是地址，你总不能直接飞到教学楼，得先到学校再到教学楼。
服务器也是如此。
现在我们来讲讲路由：
路由：在有返回值的功能上绑定资源路径
例如：
-
@app.route('/1') #绑定资源路径 -
def info1(): #功能 -
return 'hellow world'
而 /1 是资源路径，通常已字符串‘/’开通。
那如何使用路由呢？接下来我来演示正确使用和错误使用：
正确：
错误：
就像这样：
你要去北京大学/1号楼 好，在那，物理学院
去北京大学/18号楼 你谁啊，没这楼，你是不是本校生啊？
来写代码喽（我们待会要用flask模块，所以先 pip install flask）
-
-
# 导入Flask模块 -
from flask import Flask -
# 创建Flask对象 -
app = Flask(__name__) -
# 定义路由:资源路径为'/',功能名为1，返回值为"hellow world" -
@app.route('/1') -
def info(): -
return 'hellow world' -
# 判断是否运行该文件（只有运行该文件才会执行下面一行代码“启动”） -
if __name__ == '__main__': -
# 服务器(本机)启动 -
app.run(port=5002, debug=True) -
然后运行：
右键运行
之后：
显示结果
接下来
访问流程：
接下来你可以自定义一个路由：
-
@app.route('/2') -
def info(): -
return '访问成功~~~' -
今天讲了
1浏览器访问服务器的过程
2网页是由路由显示出来的
Day3就结束了，制作网站的大门由此向我们打开！
本文来自博客园，作者：I'm_江河湖海，转载请注明原文链接：https://www.cnblogs.com/jhhh/p/16760626.html
