html文件

CSS基础

若如初见. 提交于 2019-12-24 09:26:30
CSS介绍 给HTML设置样式,让它更加美观。 加皮肤 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 选择器{css样式:样式对应的值} CSS实例     每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。        CSS的几种引入方式 行内样式 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 内部样式 嵌入式是将CSS样式集中写在网页的 <head></head> 标签对的 <style></style> 标签对中。格式如下: <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 外部样式 推荐 方式3:(常用) 外部样式 第一步:创建一个css文件 第二步:在html文件中引入: <link href="mystyle.css" rel="stylesheet" type="text/css"/> 第三步:css文件中样式的写法 div{color:green;xx:xx;...} #现在写的这个

JavaScript--(1)基本内容

寵の児 提交于 2019-12-24 01:02:12
一个简单的JS脚本 一个效果:鼠标移入div背景颜色变成红色,鼠标移出,背景颜色变回白色 事件相应函数:    onmouseover 鼠标移入    onmouseout 鼠标移出 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > Title </ title > < style type = " text/css " > #tim { width : 200px ; height : 200px ; border : 1px solid black ; margin : 0 auto ; } </ style > </ head > < body > < div id = " tim " onmouseover = " tim.style.background= ' red ' " onmouseout = " tim.style.background= ' white ' " > </ div > </ body > </ html > 获取标签元素 函数 解释 document.getElementById('ID名') 返回这个id的元素 document.getElementByTagName('标签名') 返回所有这个标签名的元素的集合, 0索引

利用Python抓取和解析网页

ぃ、小莉子 提交于 2019-12-23 21:29:56
  【 IT168 技术专稿 】对搜索引擎、文件索引、文档转换、数据检索、站点备份或迁移等应用程序来说,经常用到对网页(即HTML文件)的解析处理。事实上,通过Python语言提供的各种模块,我们无需借助Web 服务器 或者Web浏览器就能够解析和处理HTML文档。本文将详细介绍如何利用Python抓取和解析网页。首先,我们介绍一个可以帮助简化打开位于本地和Web上的HTML文档的Python模块,然后,我们论述如何使用Python模块来迅速解析在HTML文件中的数据,从而处理特定的内容,如链接、图像和Cookie等。最后,我们会给出一个规整HTML文件的格式标签的例子,通过这个例子您会发现使用python处理HTML文件的内容是非常简单的一件事情。    一、解析URL   通过Python所带的urlparse模块,我们能够轻松地把URL分解成元件,之后,还能将这些元件重新组装成一个URL。当我们处理HTML 文档的时候,这项功能是非常方便的。    import urlparse   parsedTuple = urlparse.urlparse(    " http://www.google.com/search?   hl = en & q = urlparse & btnG = Google + Search " )   unparsedURL = urlparse

JS/HTML 保存图片到本地:HTML <a> download 属性

不打扰是莪最后的温柔 提交于 2019-12-23 19:00:00
JS如何保存图片到本地呢?自己百度一下吧! 这里想要说的是,可以利用 HTML 的 <a> 标签 来是实现保存图片到本地的功能,参考代码如下: 1 2 3 < a href="http://wx.qlogo.cn/mmopen/ajNVdqHZLLDR2d0sYTtWb0ev4IRnQlM3z2NrD9kicibwMJYXWnwZIjxVo8uAeqdM7QB2WqjLWYBx1OSrOp8zpLbI5Y2VIibOKo2eclJVJcqd8k/0" download="思考中的猪.jpg"> < img src="http://wx.qlogo.cn/mmopen/ajNVdqHZLLDR2d0sYTtWb0ev4IRnQlM3z2NrD9kicibwMJYXWnwZIjxVo8uAeqdM7QB2WqjLWYBx1OSrOp8zpLbI5Y2VIibOKo2eclJVJcqd8k/0" /> </ a > 这就不用写 js 方法咯,但是会有不兼容的问题,当前好像只支持 Chrome 和 Firefox 浏览器,对于 IE 该怎么办呢? 那就需要 在你页面的 <head></head> 部分引入这个js文件了 1 <script src=”http: //html5shiv.googlecode.com/svn/trunk/html5.js”></script> 务必请放在

文件的转换

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-23 16:06:43
一、关于文件读写的笔记 (一) 文件概述 文件是一个存储在辅助存储器上的数据序列,可以包含任何数据内容 文件都是按照2进制进行存储的,但在表现形式上有2种:文本文件和二进制文件。 1. 文本文件   文本文件一般由单一特定编码的字符组成,如utf-8编码,内容容易统一展示和阅读,大部分文本文件都可以通过文本编辑软件和文字处理软件创建、修改和阅读,最常见的是txt格式的文本文件。   文本文件采用文本方式打开时,文件通过编码形成字符串;采用二进制方式打开时,文件被解析成字节流。由于存在编码,字符串中的一个字符由两个字节表示。 2. 二进制文件   二进制文件直接由比特0和比特1组成,没有统一字符编码。二进制文件其实也是常见的,如png格式的图片文件、avi格式的视频文件等等。 (二) 文件的使用 文件的使用分为3步:打开文件、读写文件、关闭文件。 1. 打开文件 变量名 = open (文件名, 打开模式) 打开模式 说明 r 只读模式 (默认) ,文件不存在则返回FileNotFoundError异常 w 覆盖写模式 ,文件不存在则创建,存在则覆盖写 x 创建写模式 ,文件不存在则创建,存在则返回FileExistsError异常 a 追加写模式 ,文件不存在则创建,存在则追加写 t 文本文件模式 (默认) b 二进制文件模式 + 在原功能基础上 增加读写功能 2. 读文件

HTML的小总结

谁说我不能喝 提交于 2019-12-23 15:53:16
这是一篇给寄几看的HTML常用标签总结~ HTML不分大小写~建议写成小写 1、文件标签 1 <html> 2 <head> 3 <title>Insert title here</title> 4 </head> 5 <body> 6 7 </body> 8 </html> 属性: text:文本的颜色 bgcolor:背景色 background:背景图片 颜色的三种表示方式: (1)单词:red green black (2)rgb三原色:reg(0,0,0) 0-255 (3)#000000 #ffffff #325687 #377405 2、排版标签 (1)注释标签:<!- -注释- -> (2)换行标签:<br/> (3)段落标签:<p>文本文字</p> 特点:段与段之间有空行 属性: align:对齐方式(有三个属性值:left center right) (4)水平线标签:<hr/> 属性: width:长度 size:粗度 color:颜色 align:对齐方式 尺寸的写法: (1)像素:10px (2)百分比:占据副标签的百分比,会随着副标签的大小进行变化 3、块标签 <div></div>:行级块标签 <span></span>:行内块标签 作用: (1)<div></div>:div+css布局 (2)<span></span>:进行友好提示 4、文字标签

Python进阶实战爬虫:爬小说网站涉及到(js加密,CSS加密)

∥☆過路亽.° 提交于 2019-12-22 05:01:02
我是对于xxxx小说网进行爬取只讲思路不展示代码 请见谅 一.涉及到的反爬 js加密 css加密 请求头中的 User-Agent 以及 cookie 二.思路 1.对于js加密 对于有js加密信息,我们一般就是找到他加密的 js 使用 execjs 模块来执行js代码即可 怎么找可以参考我之前对于 知乎的爬取 推荐Python大牛在线分享技术 扣qun:855408893 领域:web开发,爬虫,数据分析,数据挖掘,人工智能 零基础到项目实战,7天学习上手做项目 2.对于css加密 常见的css加密就是加css样式中的 before 或者 after 来插入内容 所有呢我们一般使用 from request-html import html 然后利用字符串的拼接拼接成一个完整的 html字符串 然后 html = HTML(html=html字符串) 转换成一个html对象 最后呢bingo调用html对象的 render 执行 js代码 把藏属性里的字符串拿出来 3.对于cookie 利用 session 这个对象进行自动存储cookie 三.pycharm打印机制的漏洞 这个爬小说时候会碰到 你 print(response.text) 的时候为空 其实不一定是空,最好的方式再进行文件存储 来源: CSDN 作者: 学习-永无止境 链接: https://blog.csdn

webpack核心概念_(第三章)_使用plugins让打包更便捷

穿精又带淫゛_ 提交于 2019-12-21 15:40:56
在webpack中使用不同的loader可以完成不同文件类型的打包,这一篇写如何使用webpack中的plugins,让打包更便捷。 在打包完成的dist文件下有个index.html文件,这个是我们手动拷贝到dist文件夹下,目的是可以方便访问打包生成之后的js文件。但是每次打包都要拷贝该index.html文件很麻烦,有什么办法可以帮助我们解决这个问题呢? 可以利用webpack的插件帮我们实现 Webpack---->PLUGINS----->HtmlWebpackPlugin webpack的插件如何使用? 1.首先安装插件 npm install -D html-webpack-plugin // 先安装插件 2. 在webpack.config.js中引入这个webpack的插件,在配置的对象里面有一个plugins配置属性,把对应的插件在这里实例化 var HtmlWebpackPlugin = require('html-webpack-plugin') output: { filename: 'index.js', path: path.resolve(__dirname, 'dist') }, plugins: [new HtmlWebpackPlugin()] 我们将dist文件删除,重新打包运行项目 发现dist目录下会自动生成一个index.html文件

springboot 传值到页面

好久不见. 提交于 2019-12-21 14:14:12
每天学习一点点 编程PDF电子书、视频教程免费下载: http://www.shitanlife.com/code <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8" /> 5 <title></title> 6 </head> 7 <body> 8 <h1 th:text="${host}">Hello World</h1> 9 </body> 10 </html> 编写HelloController.java package com.springboot.test; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.RequestMapping; @Controller public class HelloController { @RequestMapping("/") public String index(ModelMap map) { // 加入一个属性,用来在模板中读取 map.addAttribute("host", "Spring test"); //

爬虫入门二(数据解析)

倖福魔咒の 提交于 2019-12-21 12:25:39
1、数据解析 简介 1、什么是数据解析,数据解析可以干什么 - 概念:就是将一组数据中的局部数据进行提取 - 作用:使用来实现聚焦爬虫 2、数据解析的通用原理 - 问题:html展现的数据可以存储在哪里? - 标签之中 - 属性中 1、标签定位 2、取文本或者取属性 正常解析两种方法 需求:http://duanziwang.com/category/%E6%90%9E%E7%AC%91%E5%9B%BE/,将该网站中的图片数据进行爬取 如何对图片(二进制)数据进行爬取 方法一:requests import requests headers = { 'User-Agent':'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36' } url = 'http://duanziwang.com/usr/uploads/2019/02/3334500855.jpg' pic_data = requests.get(url=url,headers=headers).content #content返回的是二进制类型的响应数据 with open('1.jpg','wb') as fp: fp.write(pic