python自动化之路-前端html

最新推荐文章于 2023-03-07 14:16:30 发布
最新推荐文章于 2023-03-07 14:16:30 发布
阅读量938 收藏
点赞数
分类专栏： 日志 IT技术 python自动化之路
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zongyimin/article/details/55006888
版权

HTML是英文Hyper Text Mark-up Language（超文本标记语言）的缩写，他是一种制作万维网页面标准语言（标记）。相当于定义统一的一套规则，大家都在遵守他，这样就可以让浏览器根据标记语言的规则去解释它。

浏览器负责将标签翻译成用户“看得懂”的格式，呈献给用户。

HTML文档

文档树


Doctype

doctype告诉浏览器使用什么样的html或者xhtml规范来解释html文档

有无的区别：

1.BackCompat：标准兼容模式未开启（或者叫怪异模式，混杂模式）

2.CSS1Compat：标准兼容模式已开启（或叫严格模式）

这个属性会被浏览器识别并使用，但是如果你的页面没有doctype的声明，那么compatMode默认就是Backompat，也就是恶魔的开始--浏览器会按照自己的方式解析渲染页面，那么，在不同的浏览器就是显示不同的样式。如果你的页面添加了，那么久等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器显示的就都是一个样子

Meta（metadata information）

提供有关页面的元信息，例：页面编码，刷新，跳转，针对搜索引擎和更新频度的描述和关键词

  1. 页面编码（告诉浏览器是什么编码）

    < meta http-equiv=“content-type” content=“text/html;charset=utf-8”>

  2. 刷新和跳转

    < meta http-equiv=“Refresh” Content=“30″>

    < meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ />

  3. 关键词

    < meta name="keywords" content="星际2,星际老男孩,专访,F91,小色,JOY" >

例子（example）： 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>  <!-- #文件头 -->
    <!--<meta  http-equiv="Refresh" content="4"/> &lt;!&ndash;每隔4分钟刷新界面&ndash;&gt;-->
    <meta http-equiv="Refresh" content="5; url=http://www.baidu.com" /> <!--#5分钟刷新界面后，直接跳转到百度web-->
    <meta name="keywords" content="小男孩，小女孩，小孩，老孩"/> <!--关键字-->
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"/> <!--#使用浏览器兼容模式-->
</head>
<body>

</body>
</html>
Title
网页头部信息
link
 
 
  1. css
    < link rel="stylesheet" type="text/css" href="css/common.css" >
  2. icon
    < link rel="shortcut icon" href="image/favicon.ico">
例子：<link rel="shortcuticon" href="images/1.jpg"> #title图标
body
 

常用标签：块级标签，行内/内联标签，各种符号。
 

各种符号参考链接：http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
 

p和br
 

p表示段落，默认段落之间是有间隔。 br是换行
 

例子：
<p>#p表示段落<br>默认段落之间是有间隔的！</p>
 

a标签
 

例子：<a href="http://www.baidu.com" target="_blank">a级标签</a> #a标签独有的特性，超文本链接
1.target属性，_black表示在新的页面打开
2.锚点
锚点例子：
<a href="#i1">A级标签</a>
<a href="#i2">A级标签</a>
<a href="#i3">A级标签</a>
<p id="i1" style="background-color: red; height:900px; width: 400px">我是歌手</p>
<p id="i2" style="background-color: green; height: 900px; width: 400px">我是歌手</p>
<p id="i3" style="background-color: pink; height: 900px; width: 400px">我是歌手</p>
h标签
h标签是块级标签，分别为h1，h2，h3，h4，h5，h6，表示标签的大小
例子：
 

<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4> 
input系列标签（自闭和标签）
 

input:text,input:password,input:radio,input:checkbox,input:file,input:button,input:submit,
 

input:reset
 

例子：
 

<div>
用户名:<input type="text"/>  		#明文
密码:&nbsp;<input type="password"/>	
</div>
<div>
验证码:&nbsp;<input type="password"/>	#密文
</div>
<div>性别：
男：<input name="i" type="radio">      #单选框
女：<input name="i" type="radio">
</div>
<div>爱好：
    足球 <input type="checkbox"/>	#多选框
    篮球<input  type="checkbox"/>
    乒乓球<input  type="checkbox"/>
    羽毛球<input  type="checkbox"/>
</div>
<div>请上传照片：
    <input type="file"/>		#上传文件
</div>
select标签
 

下拉菜单单选框。
 

例子：
 

<select name="城市" >
    <option value="11">上海</option>
    <option value="22">北京</option>
    <option value="33">广州</option>
    <option value="44">沙河</option>
</select>
例子2：
<select name="城市" multiple>		#多重选择
    <option value="11">上海</option>
    <option value="22" selected="selected">北京</option>  #添加默认选择城市
    <option value="33">广州</option>
    <option value="44">沙河</option>
</select>
例子3：
<select multiple size="10">		#size表示个数
    <optgroup label="河北">		#选项分组
        <option>石家庄</option>
        <option>保定</option>
        <option>廊坊</option>
        <option>邯郸</option>
        <option>沙河</option>
    </optgroup>
    <optgroup label="河南">
        <option>石家庄</option>
        <option>保定</option>
        <option>廊坊</option>
        <option>邯郸</option>
        <option>沙河</option>
    </optgroup>
</select>

textarea标签
 

例子：
 

<div>
    <div>简介：</div>
    <textarea cols="10" rows="5" style="width: 290px"></textarea>
</div>
label标签
 

ul标签
 

ol标签
 

dl标签
 

table标签
 

fieldset标签
 

form表单
 

 

 


                

        

        

    




    

      

        

            

              
                
                  闫_先_生_
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
python-web自动化办公-selenium学习笔记

				
			

			

				

					09-05
				

			

		

		

			
				
1.python-web自动化办公-selenium学习笔记 2.适合刚刚入门selenium开发人员查询使用 3.web自动化办公，例如节省办公妹子keyin时间 4.学习成本低，操作难度不大。 备注：需要html，javascript , css 前端基本功底，...

			
		

	



                

              
                



	

		

			

				
					
WebUI自动化必备技能-HTML和css知识详解

				
			

			

				

					2301_78276982的博客
				

				

					07-14
					
					278
					
				

			

		

		

			
				
学习web自动化的前提条件：手工测试（了解各种测试的知识）、学习编程语言、学习Web基础、学习自动化测试工具 、学习自动化测试框架 、需要掌握前端的一些知识，无论学习语言还是前端知识，都是为了接下来的脚本和框架做铺垫，本篇文章介绍下前端基础知识网页基础（HTML、CSS），web前端三大核心技术HTML：负责网页架构CSS：负责网页的样式，美化JS：负责网页行为。

			
		

	



                


  
              

                


	

		

			

				
					
基于python实现Web自动化测试（selenium）、API自动化测试(requests)&附学习视频

				
			

			

				

					Mr_DaYang的博客
				

				

					08-09
					
					2590
					
				

			

		

		

			
				
web自动化（selenium）
API自动化（requests）




			
		

	





	

		

			

				
					
使用 Python 自动生成 HTML

					
热门推荐

				
			

			

				

					MichaelAn的博客
				

				

					02-18
					
					4万+
					
				

			

		

		

			
				
python 自动化批量生成前端的HTML可以大大减轻工作量

下面演示两种生成 HTML 的方法

方法一：使用 webbrowser


#coding:utf-8
 
import webbrowser
#命名生成的html
GEN_HTML = "test.html" 
#打开文件，准备写入
f = open(GEN_HTML,'w')
 
#准备相关变量
str1 = 'my name ...

			
		

	



		

			
		



	

		

			

				
					
Python生成文档（PDF, HTML）

				
			

			

				

					noobiee的博客
				

				

					08-31
					
					2202
					
				

			

		

		

			
				
FPDF 是一个 可用于创建 PDF 格式文件的纯 PHP 类，也就说不需要借助 PDFlib 库。FPDF首部的F代表自由，自由软件的自由。webbrowser可以读html文件，一般html文件生成可以直接用python读写文件方式写入。是一个处理html的模板引擎。使用jinja2对html模板进行渲染。（对{{ }}里面的变量）Python中所用到的FPDF是基于PHP版本的FPDF。...

			
		

	





	

		

			

				
					
使用Python进行网站页面开发——HTML

				
			

			

				

					weixin_63994459的博客
				

				

					07-13
					
					1万+
					
				

			

		

		

			
				
目录一、HTML基础语法1.HTML是什么？2.HTML基本结构3.HTML注释二、HTML常用标签介绍1.文本标签2.格式化标签3.图片标签4.超级链接标签5.表格标签（用来显示数据）6.表单标签（用来接收数据）7.行内框架标签8.多媒体标签●HTML是HyperText Mark-up Language的首字母简写，即超文本标记语言。
●HTML不是一种编程语言，而是一种标记语言。
●超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成。
●用这种语言制作的文件保存的

			
		

	





	

		

			

				
					
"Kunlun-ATP：基于Python的自动化测试平台源码，整合JavaScript、HTML、CSS"

				
			

			

				

					03-25
				

			

		

		

			
				
项目名称：Kunlun-ATP  项目简介：Kunlun-ATP 是一个基于 ...项目特性：该项目通过整合前端技术，扩展了Python在自动化测试领域的应用，提高了测试效率和用户体验，是一个功能全面、易于扩展的自动化测试解决方案。

			
		

	





	

		

			

				
					
使用Python自动生成HTML的方法示例

				
			

			

				

					01-21
				

			

		

		

			
				
python 自动化批量生成前端的HTML可以大大减轻工作量 下面演示两种生成 HTML 的方法 方法一：使用 webbrowser  #coding:utf-8 import webbrowser #命名生成的html GEN_HTML = test.html #打开文件，准备写入 f = ...

			
		

	





	

		

			

				
					
基于Python与多技术栈的Mogui自动化部署系统源码

					
最新发布

				
			

			

				

					03-25
				

			

		

		

			
				
该系统融合了前端技术如JavaScript、CSS、Vue以及后端Python编程，实现了高效的自动化部署功能。源码包含共681个文件，其中具体文件类型分布为：JavaScript文件328个，CSS文件187个，Vue组件文件83个，Python脚本20...

			
		

	





	

		

			

				
					
基于python+html+css+javascript开发的运维自动化开发项目【前端源码+后端源码+数据库SQL】.zip

				
			

			

				

					03-10
				

			

		

		

			
				
基于python+html+css+javascript开发的运维自动化开发项目【前端源码+后端源码+数据库SQL】.zip

			
		

	





	

		

			

				
					
Python+Selenium前端页面测试自动化

				
			

			

				

					06-06
				

			

		

		

			
				
Python+Selenium前端页面测试自动化简介

			
		

	





	

		

			

				
					
python自动化部署工具_听说很多人都不会打包，教你Python实现前端自动化打包部署！...

				
			

			

				

					weixin_39981185的博客
				

				

					11-24
					
					197
					
				

			

		

		

			
				
作为一名专职前端开发的我，为了帮助解决目前工作中的一些繁琐的工作（主要是处理 excel数据），解放程序员双手，前阵子就刚刚入了 python 的坑，毕竟也算是门工具语言，都已经加入少儿编程了，哈哈哈！背景实践是检验学习成果的唯一标准！在我学习过程中，一直琢磨着如何将学习的理论与我所掌握的知识结合起来，来解决或者处理实际问题，于是就有了 前端自动化打包部署 的念头。尽快近几年，市面上关于自动化部署...

			
		

	





	

		

			

				
					
python可视化——生成HTML文件

				
			

			

				

					A.yc的博客
				

				

					06-08
					
					5747
					
				

			

		

		

			
				
python爬虫——可视化——生成柱状图，折线图，词云图生成，放入HTML文件中

			
		

	





	

		

			

				
					
Python之生成HTML文件

				
			

			

				

					ZONGXP的博客
				

				

					10-22
					
					3万+
					
				

			

		

		

			
				
参考：https://blog.csdn.net/reallocing1/article/details/51694967

教程：http://www.runoob.com/html/html-basic.html

在做图像处理时会有结果数据生成，一种好的方法是将结果保存为HTML文件，在文件中插入图片的超链接，就可以在网页中同时显示结果和图片。因此，本文对Python生成HTML的方法做一个...

			
		

	





	

		

			

				
					
全网最详细的Python自动化测试

				
			

			

				

					m0_59164520的博客
				

				

					10-15
					
					1万+
					
				

			

		

		

			
				
什么是python自动化？我理解的Python自动化测试就是把以前人为测试转化为机器测试的一种过程。自动化测试是一种比手工测试更快获得故障反馈的方法。自动化测试是一种质量保障的方式，最重要的还是以做好一款高质量产品为前提。测试工作很多时候就是在不断平衡质量、效率、驱动业务这三者之间的比例和深度。根据不同的业务阶段、不同的目标、当前的关键事件驱动，在质量、效率、驱动业务上不断地调整策略和战术。

			
		

	





	

		

			

				
					
用Python实现自动化测试

				
			

			

				

					m0_60054525的博客
				

				

					07-08
					
					8931
					
				

			

		

		

			
				
研发效能可以通过技术的手段来提高效率自动化测试分类1.1UI自动化测试（前端自动化测试）-->selenium（框架&库&工具）1.2API自动化测试1.3单元自动化测试 服务端测试开发领域（架构）大数据测试开发领域算法测试开发领域（离散数学：线性代数）专项测试开发领域功能测试-->自动化测试-->测试开发（前端&架构&容器化）-->回归功能测试本质测试开发=测试思维+开发的技术+质量管理体系自动化测试：可以理解为通过一定的技术手段，操作机器来得到人的模拟操作目的&意义：随着产品的完善，需要回归验证的测试点

			
		

	





	

		

			

				
					
什么是Python自动化

				
			

			

				

					2201_75362610的博客
				

				

					03-07
					
					2068
					
				

			

		

		

			
				
Python是一门计算机脚本语言，用它可以实现高效的自动化操作，比如自动化测试，自动化运维等等。现今人们把这种工作称为--Python自动化。Python自动化是指用Python实现繁琐操作自动化。自动化是指机器设备、系统或过程（生产、管理过程）在没有人或较少人的直接参与下，按照人的要求，经过自动检测、信息处理、分析判断、操纵控制，实现预期的目标的过程。采用自动化技术可以把人从繁琐的体力劳动、部分脑力劳动以及恶劣、危险的工作环境中解放出来，而且能扩展人的器官功能，极大地提高劳动生产率，增强人类认识世界和改造

			
		

	





	

		

			

				
					
python自动化

				
			

			

				

					cpx2kxz99的博客
				

				

					07-27
					
					2889
					
				

			

		

		

			
				
一、python回顾

1、python的发展方向


	web开发
	
	
	爬虫+数据分析
	
	
	机器学习(深度学习)
	
	
	自动化运维
	
	
	自动化测试
	


2、python测试成长


	初级测试工程师
	
	
	中级测试工程师
	
	
	测试开发工程师
	
3、自动化与Python


python的强大的第三方库，为很多的自动化流程提供的快捷的实现方式
	
	python强大的兼容性获得了开发者的青睐
	
	
	python简洁的语法和简便的编码使得快速开发和迭代成为可能
...

			
		

	





	

		

			

				
					
Python print语句输出重定向到网页前端

				
			

			

				

					XBL2015HENU的博客
				

				

					07-12
					
					4711
					
				

			

		

		

			
				
Python语句输出重定向到网页前端
   Python中的输出语句主要有两种：print输出语句和外部文件输出语句。本文分为两部分，第一部分：两种输出语句的获取；第二部分：语句的前端刷新。

一、输出语句获取
1.print输出语句获取
    sys.stdout是python中的标准输出流，这个标准输出流默认是映射到打开脚本的窗口的，所以，我们的print操作会把字符打印到屏幕上。
因此想要获取print语句的输出，只需要将sys.stdout映射到我们指定的文件或变量中即可。

##将print输出

			
		

	





	

		

			

				
					
python自动生成古诗词带前端页面

				
			

			

				

					07-27
				

			

		

		

			
				
Python自动生成古诗词带前端页面可以通过以下步骤实现：  1. 数据收集：首先需要收集一定量的古诗词数据。可以从已有的古诗词数据库中获取，或者爬取相关网站的古诗词信息。收集到的数据应包括作者、标题、内容等...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值