19. python从入门到精通——Web编程

代码
含义
1**
信息,请求收到,继续处理
2**
成功,行为被成功地接受、理解和采纳
3**
重定向,为了完成请求,必须进一步执行的动作
4**
客户端错误,请求包含语法错误或者请求无法实现
5**
服务器错误,服务器不能实现一种明显无效的请求
前端基础
主要前端语言:Html、Css、
html
Html:超文本标记语言,所以它不是一种编程语言而是一种标记语言,浏览器可以读取html文档并以网页的形式进行展示
标记语言:是一套标记标签,html标签是由尖括号包围的关键词通常由两个组成,第一个为开始标签第二个为结束标签
例如:
#作为一个盒子标签,将里面的内容作为盒子内的内容
实例:
结果显示:网页中打开
CSS简介
CSS:是 Style(层叠样式表)的缩写 。CSS是一种标记语言,用于为HTML文档定义布局 。例如css涉及字体、颜色、边距、高度、宽度、背景色等等
可以有三种方式添加css样式
1. 直接在标签后面添加
示例:
2.可以把所有的css样式写在head标签里并设置一个类,然后调用类
示例
3. 创建一个css文件,然后载入css文件后调用文件中设置的类名
示例:
css文件:
引入css文件并调用:
三种使用css方式的优先级
三种方式可以同时混用
优先级:从内而外由高到底,所以以上三种第一种最高第三种最低
:是其中一个非常优秀的前端框架
中文网地址:中文网
示例:
注意:与java毫无关系
:是一种可以嵌入在HTML代码中由客户端浏览器运行的脚本语言 。在网页中使用代码,不仅可以实现网页特效,还可以响应用户请求实现动态交互的功能 。
示例:点击按钮弹出事件
静态服务器
实例:实现一个静态服务器并根据客户端访问路径访问不同网页
实现流程
本地创建一个Views目录,目录下存放两个网页
.html
明日科技body {position: relative; /* For scrollspy */}/* Keep code small in tables on account of limited space */.table code {font-size: 13px;font-weight: normal;}/* Inline code within headings retain the heading's background-color */h2 code,h3 code,h4 code {background-color: inherit;}/* Outline button for use within the docs */.btn-outline {color: #563d7c;background-color: transparent;border-color: #563d7c;}.btn-outline:hover,.btn-outline:focus,.btn-outline:active {color: #fff;background-color: #563d7c;border-color: #563d7c;}/* Inverted outline button (white on dark) */.btn-outline-inverse {color: #fff;background-color: transparent;border-color: #cdbfe3;}.btn-outline-inverse:hover,.btn-outline-inverse:focus,.btn-outline-inverse:active {color: #563d7c;text-shadow: none;background-color: #fff;border-color: #fff;}/* Bootstrap "B" icon */.bs-docs-booticon {display: block;font-weight: 500;color: #fff;text-align: center;cursor: default;background-color: #563d7c;border-radius: 15%;}.bs-docs-booticon-sm {width: 30px;height: 30px;font-size: 20px;line-height: 28px;}.bs-docs-booticon-lg {width: 144px;height: 144px;font-size: 90px;line-height: 140px;}.bs-docs-booticon-inverse {color: #563d7c;background-color: #fff;}.bs-docs-booticon-outline {background-color: transparent;border: 1px solid #cdbfe3;}/** Main navigation** Turn the `.navbar` at the top of the docs purple.*/.bs-docs-nav {margin-bottom: 0;background-color: #fff;border-bottom: 0;}.bs-home-nav .bs-nav-b {display: none;}.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav > li > a {font-weight: 500;color: #563d7c;}.bs-docs-nav .navbar-nav > li > a:hover,.bs-docs-nav .navbar-nav > .active > a,.bs-docs-nav .navbar-nav > .active > a:hover {color: #463265;background-color: #f9f9f9;}.bs-docs-nav .navbar-toggle .icon-bar {background-color: #563d7c;}.bs-docs-nav .navbar-header .navbar-toggle {border-color: #fff;}.bs-docs-nav .navbar-header .navbar-toggle:hover,.bs-docs-nav .navbar-header .navbar-toggle:focus {background-color: #f9f9f9;border-color: #f9f9f9;}/** Homepage** Tweaks to the custom homepage and the masthead (main jumbotron).*//* Share masthead with page headers */.bs-docs-masthead,.bs-docs-header {position: relative;padding: 30px 0;color: #cdbfe3;text-align: center;text-shadow: 0 1px 0 rgba(0,0,0,.1);background-color: #6f5499;background-image: -webkit-gradient(linear, left top, left bottom, from(#563d7c), to(#6f5499));background-image: -webkit-linear-gradient(top, #563d7c 0%, #6f5499 100%);background-image:-o-linear-gradient(top, #563d7c 0%, #6f5499 100%);background-image:linear-gradient(to bottom, #563d7c 0%, #6f5499 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#563d7c', endColorstr='#6F5499', GradientType=0);background-repeat: repeat-x;}/* Masthead (headings and download button) */.bs-docs-masthead .bs-docs-booticon {margin: 0 auto 30px;}.bs-docs-masthead h1 {font-weight: 300;line-height: 1;color: #fff;}.bs-docs-masthead .lead {margin: 0 auto 30px;font-size: 20px;color: #fff;}.bs-docs-masthead .version {margin-top: -15px;margin-bottom: 30px;color: #9783b9;}.bs-docs-masthead .btn {width: 100%;padding: 15px 30px;font-size: 20px;}@media (min-width: 480px) {.bs-docs-masthead .btn {width: auto;}}@media (min-width: 768px) {.bs-docs-masthead {padding: 80px 0;}.bs-docs-masthead h1 {font-size: 60px;}.bs-docs-masthead .lead {font-size: 24px;}}