html文件

HTML 属性

泄露秘密 提交于 2019-12-03 15:46:41
属性是 HTML 元素提供的附加信息。 HTML 属性 HTML 元素可以设置 属性 属性可以在元素中添加 附加信息 属性一般描述于 开始标签 属性总是以名称/值对的形式出现, 比如:name="value" 。 属性实例 HTML 链接由 <a> 标签定义。链接的地址在 href 属性 中指定: 实例 < a href = " http://www.runoob.com " > 这是一个链接 </ a > 尝试一下 » HTML 属性常用引用属性值 属性值应该始终被包括在引号内。 双引号是最常用的,不过使用单引号也没有问题。 提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson' HTML 提示:使用小写属性 属性和属性值对大小写不敏感。 不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。 而新版本的 (X)HTML 要求使用小写属性。 HTML 属性参考手册 查看完整的HTML属性列表: HTML 标签参考手册。 下面列出了适用于大多数 HTML 元素的属性: 属性 描述 class 为html元素定义一个或多个类名(classname)(类名从样式文件引入) id 定义元素的唯一id style 规定元素的行内样式(inline style) title

Vue中iframe和组件的通信

让人想犯罪 __ 提交于 2019-12-03 15:26:23
最近的项目开发中用到了Vue组件中嵌套iframe,相应的碰到了组件和HTML的通信问题,场景如下:demo.vue中嵌入 test.html 由于一般的iframe嵌套是用于HTML文件的,在vue中我们需要在vue文件注册一个全局的方法,在iframe中某个事件触发时,可以回传到vue组件 demo.vue主要代码: <template> <iframe ref="iframe" src='test.html'> </iframe> </template> <script> export default { data() { return { spanClick : ' handleSpanClick ' //html中需要响应的事件 } }, created() { let _this = this window[ this.spanClick ] = (params) => { _this.doSomeThing(params) } }, methods: { doSomeThing(params){ //todo } } } </script> test.html主要代码; <div> <span onclick="handleTest(this)">test</span> </div> <script> function handleTest(event) {

HTML5测试(一)

五迷三道 提交于 2019-12-03 14:57:18
HTML5测试一 1. 问题:HTML5 之前的 HTML 版本是什么? A、HTML 4.01 B、HTML 4 C、HTML 4.1 D、HTML 4.9 答案:A HTML5 是 HTML 最新的修订版本,由万维网联盟(W3C)于 2014 年 10 月完成标准制定。目标是取代 1999 年所制定的 HTML 4.01 和 XHTML 1.0 标准。 2、问题: HTML5 的正确 doctype 是? A、 <!DOCTYPE html> B、<!DOCTYPE HTML5> C、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd"> 答案:A 3. 问题:在 HTML5 中,哪个元素用于组合标题元素? A、<group> B、<header> C、<headings> D、<hgroup> 答案:D 4、问题:HTML5 中不再支持下面哪个元素? A、<p> B、<ins> C、<menu> D、<font> 答案:D 5、问题:HTML5 中不再支持下面哪个元素? A、<cite> B、 <acronym> C、<abbr> D、<base> 答案:B 6. 问题:在 HTML5 中,onblur 和 onfocus 是: A、HTML 元素 B

前端基础-HTML

匆匆过客 提交于 2019-12-03 14:32:53
HTML:   超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。   本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)   网页文件的扩展名:.html或.htm HTML不是什么:   HTML是一种标记语言(markup language),它不是一种编程语言。   HTML使用标签来描述网页。 HTML架构格式   1.<!DOCTYPE html>声明为HTML5文档。   2.<html>、</html>是文档的开始标记和结束标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。   3.<head>、</head>定义了HTML文档的开头部分。它们之间的内容不会再浏览器的文档窗口显示。包含了文档的元(meta)数据。   4.<title>、</title>定义了网页标题,在浏览器标题栏显示。   5.<body>、</body>之间的文本是可见的网页主体内容。   注:   1.<html lang="en">"代表英文 <html lang="zh-CH">代表中文。   2.对于中文网页需要在head中加入 <meta charset="utf-8"> 声明编码,否则会出现乱码

.net layui 批量导出

流过昼夜 提交于 2019-12-03 14:06:27
.net开发,前台使用layui框架,后台使用WCF 废话不多,直接上代码 1>文件引用: admin.css layui.css layui.js jquery.min.js layerTool.js 2>前台: <script type="text/html" id="toptoolbar">   <button class="layui-btn layui-btn-sm" lay-event="ExportExcel">批量导出</button> </script> ----------先来个批量导出的按钮 (ExportExcel)自定义 layui.use(['table', 'form', 'util'], function () {     var form = layui.form, layer = layui.layer; var table = layui.table; var field = null; var util = layui.util;         table.on('toolbar(ListSupplierTable)', function (obj) { switch (obj.event) { case 'ExportExcel'://批量导出 ShowExportExcelWin(); break; }; }); }); -------

【原创】从零开始搭建Electron+Vue+Webpack项目框架,一套代码,同时构建客户端、web端(二)

柔情痞子 提交于 2019-12-03 13:48:40
摘要 : 上篇文章说到了如何新建工程,并启动一个最简单的Electron应用。“跑起来”了Electron,那就接着把Vue“跑起来”吧。有一点需要说明的是,webpack是贯穿这个系列始终的,我也是本着学习的态度,去介绍、总结一些常用到的配置及思路,有不恰当的地方,或者待优化的地方,欢迎留言。项目完整代码: https://github.com/luohao8023/electron-vue-template 下面开始~~~ 一、安装依赖 vue、webpack:不多说了 vue-loader:解析、转换.vue文件 vue-template-compiler:vue-loader的依赖包,但又独立于vue-loader,简单的说,作用就是使用这个插件将template语法转为render函数 webpack-dev-server:快速搭建本地运行环境的工具 webpack-hot-middleware:搭配webpack-dev-server使用,实现热更新 chalk:命令行输出带有颜色的内容 依赖包就介绍这么多,后面需要什么可以自行下载,这里不多赘述了。 二、完善工程目录    webpack.render.config.js:渲染进程打包配置 dev.js:本地调试脚本 views:页面代码 index.js:vue工程入口文件 index.ejs

HTML 简介

爱⌒轻易说出口 提交于 2019-12-03 12:20:32
HTML 实例 < ! DOCTYPE html > < html > < head > < meta charset = " utf-8 " > < title > 菜鸟教程(runoob.com) </ title > </ head > < body > < h1 > 我的第一个标题 </ h1 > < p > 我的第一个段落。 </ p > </ body > </ html > 尝试一下 » 实例解析 <!DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8 。 <title> 元素描述了文档的标题 <body> 元素包含了可见的页面内容 <h1> 元素定义一个大标题 <p> 元素定义一个段落 注: 在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: H yper T ext M arkup L anguage HTML 不是一种编程语言,而是一种 标记 语言 标记语言是一套 标记标签 (markup tag) HTML 使用标记标签来 描述 网页 HTML 文档包含了HTML 标签

Django

微笑、不失礼 提交于 2019-12-03 10:33:06
HTTP协议 超文本传输协议(英文:Hyper Text Transfer Protocol,HTTP)是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信基础.HTTP有很多应用,最著名的是用于Web浏览器服务器之间的双工通信. HTTP是一个客户端(用户)和服务器端(网站)请求和应答的标准(TCP).. 一次请求一次响应就断开连接,无状态,短链接,格式包括头和体,请求头和请求体,响应头和响应体,请求头与请求头之间用一个\r\n,请求头与请求体用\r\n\r\n HTTP请求/响应的步骤: 1. 客户端连接到Web服务器 一个HTTP客户端,通常是浏览器,与Web服务器的HTTP端口(默认为80)建立一个TCP套接字连接. 2. 发送HTTP请求 通过TCP协议套接字,客户端向Web服务器发送一个文本的请求报文,一个请求报文由请求行,请求头部,空行和请求数据4部分组成. 3. 服务器接收请求并返回HTTP响应 Web服务器解析请求,定位请求资源.服务器将资源副本写到TCP套接字,由客户端读取.一个响应由状态行,响应头部,空行和响应数据4部分组成 4. 释放连接TCP连接 若connection 模式为close,则服务器主动关闭TCP连接,客户端被动关闭连接,释放TCP连接;若connection 模式为keepalive,则该连接会保持一段时间

非常全的跨域实现方案

最后都变了- 提交于 2019-12-03 07:40:38
由于同源策略的限制,满足同源的脚本才可以获取资源。虽然这样有助于保障网络安全,但另一方面也限制了资源的使用。 那么如何实现跨域呢,以下是实现跨域的一些方法。 一、jsonp跨域 原理:script标签引入js文件不受跨域影响。不仅如此,带src属性的标签都不受同源策略的影响。 正是基于这个特性,我们通过script标签的src属性加载资源,数据放在src属性指向的服务器上,使用json格式。 由于我们无法判断script的src的加载状态,并不知道数据有没有获取完成,所以事先会定义好处理函数。服务端会在数据开头加上这个函数名,等全部加载完毕,便会调用我们事先定义好的函数,这时函数的实参传入的就是后端返回的数据了。 示例代码: https://github.com/mfaying/lesson/tree/master/cross-origin/jsonp 演示网址: https://mfaying.github.io/lesson/cross-origin/jsonp/index.html index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> function callback(data) {

html

淺唱寂寞╮ 提交于 2019-12-03 07:00:35
html 语法 Title html 语法 <! - - ... - -> 批注 <!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定卷动距离 <marquee scrolldelay=300>...</marquee