html代码 | 易学教程

盒模型布局详解

阅读更多关于盒模型布局详解

一、盒模型之display（显示方式）一、display组成部分解释 1、块（block）：其可以独行显示并且其自身支持宽高，其中宽可以设置为默认，高可以由子级或内容撑开（可以嵌套所有类型但是其中的p段落标签一般只允许内联嵌套）。 2、内联也叫行（inline）：其可以同行显示并且不支持宽高是因为其宽高是由内容决定的（一般嵌套内联）。 3、内联块（inline-block）：包含块和内联的所有特点，但是如果设置了宽高的话就一定要使用设置的宽高，如果值设置一种则按比例缩放（一般只作为最内层级）。 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>display</title>  <style type="text/css"> div { /*块*/ display: block; /*自适应父级可用content的宽度*/ /*width: auto;*/ /*默认0*/ /*height: 0px;*/ } span { /*内联*/ display: inline; /*不支持宽高*/ } img { /*内联块*/ display: inline-block; width: auto; height: auto; } </style> <!-- 验证宽高设置

HTML学习笔记表单元素

阅读更多关于 HTML学习笔记表单元素

<form></form>代表表单　　 action：往什么地方提交　　method：提交方式 get显示提交（不安全） post隐视提交（安全）　　提交内容： name=输入的值& name=输入的值　　target：显示方式 _blank：在新窗口打开页面　　_self：在自身的页面打开 1.文本类　　文本框<input />： type = "text" value 文本框的值　　name 文本框的名称　　　　　　　　　　form表单传值时，以name = value 的形式去传值　　密码框<input/>： type = "password" value 密码框的值　　name 密码框的名称　　　　　　　　　　form表单传值时，以name = value 的形式去传值　　隐藏域<input />：type = "hidden"　　value 隐藏域的值　　name 隐藏域的名称　　　　　　　　　　form表单传值时，以name = value 的形式去传值（目的是传数据，链接多个资源）　　文本域<textarea></textarea>：值不是写在value属性中的，是写在两个标签内的　　　　　　　　　　　　　　　　rows：可见区域的行数　　cols：可见区域的横向字符数　　placeholder:默认在文本框中显示的文字　　代码：

HTML 中表单form 的相关知识

阅读更多关于 HTML 中表单form 的相关知识

在Javascript 中，页面上的每一对<form> 标记都解析为一个对象，即form 对象。可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。如果一个表单对象定义如下： < form name = " frm1 " method = " post " action = " login.aspx " > 获得该表单对象的方法： i> document.forms["frm1"]; // 根据name属性值 ii> document.forms[0]; // 根据索引号 iii> document.frm1; // 直接根据name值获得对象 form 表单应该注意的属性： elements：获取以源顺序排列的给定表单中所有控件的集合。但是<input type="image" > 对象不在此集合内。 var txtName = myform . elements [ 0 ] ; // 获得表单的第一个元素 var txtName = myform . elements [ " txtName " ] ; // 获得name属性值为"txtName"的元素 var txtName = myform . elements . txtName ; // 获得name属性值为"txtName"的元素 enctype：

vue 中拼接html时添加点击事件

阅读更多关于 vue 中拼接html时添加点击事件

<main> <div ref="HTML"></div> </main> <script> created() { this.createHtml(); }, methods: { cesi1() { // 这里是因为v-html里的东西，调不到this.methods的东西，因为methods里的代码是编译后在浏览器里运行的， // 内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译。 alert("这里不会调用"); }, createHtml() { var str = ` <ul> <li style="color:red" onclick="cesi1()">测试</li> </ul> `; this.$refs.HTML.innerHTML += str // 解决的方式有很多中大家可已自行百度，例如使用事件代理 // 因为绑定的是原生事件本实例采纳的是以下解决方式 function cesi1(){ console.log('完美解决'); } // window.cesi1=function(){ // console.log('完美解决'); // } } } 来源： https://www.cnblogs.com/wgy0528/p/12570347.html

爬虫urllib2库的基本使用

阅读更多关于爬虫urllib2库的基本使用

所谓网页抓取，就是把URL地址中指定的网络资源从网络流中读取出来，保存到本地。在Python中有很多库可以用来抓取网页， urllib2库基本使用。 urllib2 是 Python2.7 自带的模块(不需要下载，导入即可使用) urllib2 官方文档： https://docs.python.org/2/library/urllib2.html urllib2 源码： https://hg.python.org/cpython/file/2.7/Lib/urllib2.py urllib2 在 python3.x 中被改为 urllib.request urlopen #coding=utf-8 # 导入urllib2 库 import urllib2 # 向指定的url发送请求，并返回服务器响应的类文件对象 response = urllib2.urlopen("http://www.cnblogs.com/loaderman/") # 类文件对象支持文件对象的操作方法，如read()方法读取文件全部内容，返回字符串 html = response.read() # 打印字符串 print html 执行写的python代码，将打印结果实际上，查看网页右键选择“查看源代码”，会发现，和打印出来的是一模一样。也就是说，上面的4行代码就已经帮我们网页的全部代码爬了下来。

Python爬虫(二)_urllib2的使用

阅读更多关于 Python爬虫(二)_urllib2的使用

所谓网页抓取，就是把URL地址中指定的网络资源从网络流中读取出来，保存到本地。在Python中有很多库可以用来抓取网页，我们先学习 urllib2 。 urllib2是Python2.x自带的模块(不需要下载，导入即可使用) urllib2官网文档： https://docs.python.org/2/library/urllib2.html urllib2源码 urllib2 在python3.x中被改为 urllib.request urlopen 我们先来段代码： #-*- coding:utf-8 -*- #01.urllib2_urlopen.py #导入urllib2库 import urllib2 #向指定的url发送请求，并返回服务器的类文件对象 response = urllib2.urlopen("http://www.baidu.com") #类文件对象支持文件对象的操作方法，如read()方法读取文件 html = response.read() #打印字符串 print(html) 执行写好的python代码，将打印结果： python2 01.urllib2_urlopen.py 实际上，如果我们在浏览器打上百度主页，右键选择"查看源代码"，你会发现，跟我们刚才打印出来的是一模一样的。也就是说，上面的4行代码就已经帮我们把百度的首页的全部代码爬了下来。

2D游戏开发——sy4.HTML5和JavaScript

阅读更多关于 2D游戏开发——sy4.HTML5和JavaScript

3 月，跳不动了？>>> 基于HTML5的游戏制作 HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。本次实验为验证性作业，代码为老师所给。开发工具：Adobe Dreamweaver CC 2019 拼图游戏游戏介绍：拼图游戏将一幅图片分割咸若干拼块并将它们随机打乱顺序，当将所有拼块都放回原位置时，就完成了拼图（游戏结束）。此拼图可调节难度，增加或减少块数。 HTML代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>拼图游戏</title> <style> .picture{ border: 1px solid black; } </style> </head> <body> <div id="title"> <h2>拼图游戏</h2> </div> <div id="slider"> <form> <label>低</label> <input type="range" id="scale" value="4" min="3" max="5" step="1"> <label>高</label> </form> <br> </div> <div id="main" class="main

JS中的定时器-案例解析

阅读更多关于 JS中的定时器-案例解析

3 月，跳不动了？>>> js定时器的制作在javascritp中，有两个关于定时器的专用函数，分别为： 1.倒计定时器：timename=setTimeout("function();",delaytime); 2.循环定时器：timename=setInterval("function();",delaytime); 第一个参数“function()”是定时器触发时要执行的动作，可以是一个函数，也可以是几个函数，函数间用“；”隔开即可。比如要弹出两个警告窗口，便可将“function();”换成 “alert('第一个警告窗口!');alert('第二个警告窗口!');”；而第二个参数“delaytime”则是间隔的时间，以毫秒为单位，即填写“5000”，就表示5秒钟。　　倒计时定时器是在指定时间到达后触发事件，而循环定时器就是在间隔时间到来时反复触发事件，两者的区别在于：前者只是作用一次，而后者则不停地作用。比如你打开一个页面后，想间隔几秒自动跳转到另一个页面，则你就需要采用倒计定时器“setTimeout("function();",delaytime)” ，而如果想将某一句话设置成一个一个字的出现，则需要用到循环定时器“setInterval("function();",delaytime)” 。获取表单的焦点，则用到document

Python之路【第十一篇】前端初识之HTML

阅读更多关于 Python之路【第十一篇】前端初识之HTML

首先，要说的是我们领导总挂在嘴边的一句话：一入前端深似海。之前没有接触过前端，一直不懂这句话的含义，直到最近写作业改需求的时候才发现，因为web页面是直接面向客户的，所以需求的修改都和前端有关，有时候甚至不需要修改后台的代码就可以满足新的需求。突然对前端工程师的未来表示担忧，于我来说，这些繁琐的细节性工作我希望始终与其保持安全距离，嘻嘻！　　不喜归不喜，然而python是一门自动化语言，分工不像java开发那样明确，所以也需要掌握前端的知识，关于前端的知识网上比比皆是，在这里就不多做赘述，今天想说的还是我在学习过程中的一些困扰，面对那些繁琐的js文件，css文件和html文件，你是不是也和我一样蒙圈。。。不知道该往哪里放，不知道目录结构怎么安排？现在就来分享一下我从前端同事那里偷师来的目录结构和引用方式吧~~~ 初识那些乱七八糟的文件　　要写好一个web页面，必不可少的是html文件，css文件，和js文件。可是这些东西到底是什么呢？举个栗子：html就是一个赤裸裸的人，css则是人的衣服，而js就是一个人的行为，它支配页面上的所有动作。我们写html，用各种标签、容器来承装不同的文字、图片，总之html做的就是把我们要表达的一股脑的写在页面上。但是它们在什么位置、什么颜色，好看不好看，就不是html的工作了，这个装饰页面的工作就交给了css。有了css和html

html简介,版本和文档类型声明

阅读更多关于 html简介,版本和文档类型声明

HTML（英语：Hypertext Markup Language，简称：HTML）也叫作超文本标记语言，是一种用来结构化 Web 网页及其内容的标记语言，标准通用标记语言下的一个应用，您可以使用 HTML 来建立自己的 WEB 站点。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>我是第一个标题</h1> <p>我是第一个段落</p> </body> </html> 如上所示： DOCTYPE声明了文档的类型/以h5为标准 <html>标签是 HTML 页面的根元素，该标签的结束标志为</html> <head>标签包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8 <title>标签定义文档的标题 <body>标签定义文档的主体，即网页可见的页面内容，该标签的结束标志为</body> <h1>标签作为一个标题使用，该标签的结束标志为</h1>，--　HTML标题 <p>标签作为一个段落显示，该标签的结束标志为</p>--p标签用法什么是 HTML?HTML 语言用于描述网页。 HTML 是指超文本标记语言: Hyper Text Markup Language HTML 不是一种编程语言

订阅 html代码