python的前端个web的前端有什么区别_用Python 操作Web 前端基础

一，目录

1. HTML ： html就是一套浏览器认识的规则，主要用20个左右的标签

对于开发者来说：学习html规则

1. 本地测试：（1）找到html文件，直接浏览器方式打开，不用socket；（2），pycharm可以直接打开html

2. 编写html文件:

---doctype对应关系

---HTML 标签XXXXX，内部可以添加属性

---Lang="XXX",标签内部属性

3. 标签分类：

---自闭和标签比较少

---主动闭合标签 title>网页名

4. Head标签：

---编码，跳转，刷新，关键字，描述，IE兼容

---title标签

--- 标签图标

---

标签：

---图标， > &lt

---P标签（段落），段落之间有间距

---Br标签，用来换行

---标签，设置字体大小

--- 行内标签（区别于块级标签）只能选择字体范围，不能选择整行

---

块级标签，用的最多。

---标签之间可以嵌套；标签存在的意义，可以用CSS,JS操作。

---input 系列 + form标签

input type = "text" -name属性； ‘value = XXX默认值

input type = ‘password’ -name属性

input type = ‘submit’ - value=‘提交’ 提交按钮

input type = ‘button’ -value=‘登录’按钮

input type = ‘radio‘ -单选框value，name属性（name属性互斥）

input type = ‘checkbox‘ -复选框 Value， name属性，可以获得列表

input type = ‘file‘ 上传文件，依赖form表单的属性‘’

input type = ‘reset’ 重置

默认值输入比较多的内容

下拉框选择 select = selected 默认选项；multiple = multiple可以多选；

8. a 标签

---跳转

---锚，就是点击目录可以跳转； herf = ‘#某个标签的ID’，标签的ID 不允许重复

9. img标签：

---src

---alt

---title

10. list列表标签：

---UL ==> LI 一个列表，前面都是点。

---OL ==> LI 一个列表，前面用数字排序

---DL ==DT,DD DT是上层目录，dd是下层目录

11. table表格标签：

---tbody 表身

---thead 表头

--- colspan = X，行合并X行； rowspan= X，列合并X行

12. label 标签用于电子文字，是的关联的标签获取光标

13. fieldset标签： legend 在外围添加一个方框；

14.

15.

16.

开发后台程序：

1，写HTML文件（充当模板的作用）

2，去数据库获取数据然后替换到html的指定位置（web框架）

2. CSS ：颜色，位置之类的相关操作。。。

----标签的style属性

---写在head里面，style标签中写样式

----id选择器，ID可以给标签设置属性

---class选择器，选择其他的标签并class复制

---标签选择器： div{...}, 所有的div都会设置成此样式；

---层级选择器（空格）==》.c1,.c2 div{}

---组合选择器（逗号） ==》 c1,.c2,div{}

---属性选择器：对选着到的标签通过属性再进行一次筛选；

---css样式可以单独写在css文件中，然后

3。注释 /* */

4. 边框 ==》boarder: 1px solid color; 宽度，样式，颜色

5. 背景

6.float 让标签漂浮，块级标签可以堆叠

7. display： display: inline 标签都变成行内标签;

display: block 块级标签；

display：inline-block，默认行内标签属性，但是可以设置；

displasy：none，可以显示可以关闭，类似视频网站开灯关灯

行内标签无法设置宽度和高度，padding，margin；块级标签可以设置；

8. padding， margin（0，auto），内边距，外边距

margin（0，auto）：代表div模块顶边处理，距离上下的边距为0，左右是auto居中

9. text-align

10. height， width， line-height，color，font-size， font-weight（字体加粗），text-align 水平居中

原文地址：https://www.cnblogs.com/spencersun/p/9402563.html

python的前端个web的前端有什么区别_用Python 操作Web 前端基础相关推荐

python开发前端后端区别_一文看懂前端和后端开发
作为一名开发者,你可能会想:2019 年最好的软件开发技术和编程语言会是什么?它们又是如何被应用在软件开发当中的?如果你在思考这个问题,那就来对地方了.这篇文章将对前端和后端开发技术做一个对比,先从基 ...
anaconda和python区别_初学 Python 者自学 Anaconda 的正确姿势是什么？
事实上Anaconda 和 Jupyter notebook已成为数据分析的标准环境. 简单来说,Anaconda是包管理器和环境管理器,Jupyter notebook 可以将数据分析的代码.图像和 ...
python爬取百度贴吧中的所有邮箱_使用 Python 编写多线程爬虫抓取百度贴吧邮箱与手机号...
原标题:使用 Python 编写多线程爬虫抓取百度贴吧邮箱与手机号不知道大家过年都是怎么过的,反正栏主是在家睡了一天,醒来的时候登QQ发现有人找我要一份贴吧爬虫的源代码,想起之前练手的时候写过一个抓 ...
谈谈对python 和其他语言的区别_谈谈Python和其他语言的区别
Python属于解释型语言,当程序运行时,是一行一行的解释,并运行,所以调式代码很方便,开发效率高, 还有龟叔给Python定位是任其自由发展.优雅.明确.简单,所以在每个领域都有建树,所有它有着非常 ...
python实战项目书题库系统_Python实战视频教程_基于Python项目与面试题实例讲解（进阶训练篇）...
课程介绍: 精选50个Python项目实战与面试容易遇到的问题作为训练任务,每个任务都先提出问题,分析问题.然后给出巧妙与高效的解决办法,最后手把手代码实战完成任务,带你全面提升python项目实战核 ...
python中实例和对象的区别_通过Python中对象实例的属性比较对象实例是否相等
慕容708150 您应该实现该方法__eq__:class MyClass: def __init__(self, foo, bar): self.foo = foo ...
python与其他的数据分析有什么区别_学好python和数据分析有什么关系？
1. 应用数学.统计学.金融学等相关专业,硕士及以上学历. 2. 有良好的产品Sense和商业敏感度,有2年以上电商.物流.零售等数据分析经验. 3. 精通SQL,有一定的Python或者R编程能力, ...
web开发过程中遇到的问题_您将在Web开发中遇到的坏消息
web开发过程中遇到的问题 The need for more web developers means that new faces will enter our industry every da ...
c语言与python的语法区别_来自python的C语言（基本语法）,从,Python,看,基础,篇
一个学过C/C++的咸鱼,最近学起了Python,不得不说,知识还是老知识,语法也简单多了,但就是容易搞混.大致总结一下Python与C的区别,以后别张冠李戴啦,嘻嘻. Part 1.输入与输出输 ...
python中的数组与列表的区别_在python中，如何将数组/列表与numb进行比较
您的代码:array = [] while len(array) < 1000: i=2 if i%array == 0: append.array(i) i = i + 1 print arr ...

python的前端个web的前端有什么区别_用Python 操作Web 前端基础

python的前端个web的前端有什么区别_用Python 操作Web 前端基础相关推荐

最新文章

热门文章

python的前端个web的前端有什么区别_用Python 操作Web 前端 基础

python的前端个web的前端有什么区别_用Python 操作Web 前端 基础相关推荐

最新文章

热门文章

python的前端个web的前端有什么区别_用Python 操作Web 前端基础

python的前端个web的前端有什么区别_用Python 操作Web 前端基础相关推荐