HTML - 技术教程文章
html头部【代码】
HTML <head> 元素<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。 HTML <meta> 元素<!--定义字符集 --><meta charset="utf-8"><!--viewport用于定义在移动端上的显示 --><meta name="viewport" content="width=device-width, initial-scale=1.0">原文：https:/...
关于Markdown入门语法及html的对照
内容简介-标题 -段落 -删除字 -斜体字 -粗体字 -粗斜体 -分割线 -照片 -分隔线 -引用块 -有序列表 -无序列表 -无序列表 -嵌套列表 -直链链接 -带标题的链接 -普通链接 -行内代码 -代码块 -图片 -表格 -对齐方式标题#标题段落文章末尾添加两个空格来换行隔一行的段落删除字体两个~~包裹斜体字一个*包裹粗体字两个*号包裹粗斜体字三个*号包裹分割线三个-号独占一行期间可用空格隔开一级引用后面接空格引用多层嵌套有序列表序号X.后面...
XHTML与html的区别【代码】
HTML相比于HTML 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中，你可以打开许多标签，例如和<li>而不一定写对应的 和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: <img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> 2.所有标签的元素和属性的名字都必须使用小写 与H...
HTML+JavaScript实现链式运动特效【图】
在学习js的过程中，发现这家伙做特效真是不错，虽然说目前水平还不够，不过也能写点简单的效果。今天分享一个简单的运动框架，然后利用这个框架实现简单的链式运动特效。1.move.js在运动框架中，主要进行长宽变化和透明度的变化。长宽的变化可以实现DIV的体积运动变化效果，透明度的话主要是在鼠标移入移出事件中添加淡入淡出的效果。我将这个简单的运动框架封装到一个单独的js文件中，方便调用。先看看代码：<span style="font-fa...
附加题（写HTML文件）：根据给定的博客名单，自动生成HTML网页
收集了学生CSDN博客地址很久了，但一直没来得及整理成贺利坚老师的完美班级网页名册。今天突然想，一共有6个班学生，如果手动写的话，太费事了。我们程序员，就是让费事不费脑的工作自动化，即使是第一次花很多时间也值得。这里有一个很有意思的创新：文本相似性检测算法（见：《数学之美》），以后再和大家聊。问题1. 根据学生博客名册（txt文件），自动生成HTML网页文件（html文件）。类名：HtmlBlog 数据下载：网络121学生名...
html5标准【代码】
1.<!DOCTYPE html>html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html52.w3school教程http://www.w3school.com.cn/html5/html_5_video.asp原文：http://www.cnblogs.com/jacketlin/p/6369902.html
html5实际和离线应用分析【代码】
离线检測想要开发离线Web应用第一步就得知道用户的设备的上网情况。HTML5为此定义了一个navigator.onLine属性，这个属性值为true的时候表示设备可以上网，表示false的时候表示设备不能上网。?这个属性的关键在于浏览器必须知道设备可以訪问网络，从而返回正确的值。在实际情况的应用下，navigator.onLine在不同浏览器之间有着差异。IE6+和Safari 5+可以正确检測到网络已经断开，并将navigator.onLine的值转换成false。Firefox 3+和...
时钟.html
<!DOCTYPE html><html charset="utf-8"> <head> <title>时钟</title> <style> body{background:#42426F;} #c1{background:white;} span{color:white;} </style> <script> window.onload = function(){ var oC = document.getElementById(‘c1‘); var oGC = oC.getContext(‘2d‘); function toDraw(){ var x = 200; var y = 200; var r = 150; oGC.clearRect(0,0,oC.width,oC.height); ...
html系列教程--标题，水平线，注释以及段落
HTML标题 标题，用来显示文章重要性的文字，包含了文章的主旨，类似于作文题目。标题（Heading）是通过 <h1> - <h6> 等标签进行定义的，由大到小一次排列，h1为最大。 注意：浏览器会自动地在标题的前后添加空行 索引擎使用标题为您的网页的结构和内容编制索引HTML 水平线<hr/>水平线标签，跟br类似，插入一条横向的线条，可用于区分上下文。HTML 注释 <!-- 这是一个注释-->html注释是有开始括号之后（左边的括号）需要紧跟一个叹号...
通过JS动态创建和删除HTML元素
<script type="text/javascript" language="Javascript"> function InputOnBlur() { var name=document.getElementById("name").value; if(name.length >10 || name.length<2) { var element=document.getElementById("message"); if(element) { //alert(element.parentNode.innerHTML); element.parentNode.removeChild(element);...
HTML格式化及使用【图】
<b>欢迎你</b> <!-- 粗体文本 --> <br/> <em>欢迎你</em><!--着重文字--> <br/> <i>欢迎你</i><!--斜体字--> <br/> <small>欢迎你</small><!--小号字--> <br/> <strong>欢迎你</strong><!--加重语气--> <br/> 大家好<sub>欢迎</sub>来到<!--下标字--> <br/> 大家好<sup>欢迎</sup>来到<!--上标字--> <br/> <ins>欢迎</ins><!--插入字--> <br/> <del>欢迎你</del><!--删除字-->原文：htt...
【转】 HTML解析：基于XPath的C#类库HtmlAgiliytyPack
【转】 HTML解析：基于XPath的C#类库HtmlAgiliytyPack 最近处于毕业设计开始阶段，前期工作需要去国外的一些专业数据库网站比对一些所需TF家族信息，为了快捷方便，想到用程序去帮助实现。前期实现了一系列的尝试，使用C#的的网络编程类库，获取查询结果，但是为了分析其中的结果并进行比对，我最开始尝试了两天之久的正则表达式，最后发现在解析这样的HTML文档的时候，花费时间太多，因此开始改变策略，最后得知MSHTML和HAP这两个...
html5的结构标签有利于seo
本文章属于个人之见，仅供参考！现在绝大部分人做网页采用div+css的方式布局页面，这在布局上依旧可以持续火热，但是如果你想让你的网站更利于seo，那么考虑使用htnl5新增的结构标签会更亲近搜索引擎.关于html5新增的结构标签请查阅相关帮助文档，这些结构标签并没有实际的效果，举个例子：<nav></nav>标签对，是一个导航标签，通常在里面放置导航菜单，如果换作div并没有任何视觉上的却别，nav标签相当于是加了一个默认意义的div标...
HTML5【图】
HTML5一、HTML的基本概念1网站的建站流程 （1）域名访问：打开一个网页（2）网站建站流程①注册域名；（域名：一个域名只能指向一个空间，而一个空间可以绑定多个域名，被人可以通过域名来访问网站）②租用空间；（网站空间：网站空间就是放网站内容的地方其实就是服务器）③网站建设；（网站程序：有了域名和空间，我们建站还需要很多程序）④网站推广；⑤网站维护。2 web标准的概念及组成结构就是xhtml/xml表现就是css行为就是DO...
HTML5大文件上传详解及实例代码
一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中，指定第一个字节的位置和最后一个字节的位置，一般格式： Range:用于客户端到服务端的请求，可以通过改字段指定下载文件的某一段大小及其单位，字节偏移...
html5基础知识【图】
HTML 5新增的主体结构元素：article：表示完整的、独立的，可以被外部独自引用的内容。如一篇博客，报刊中的文章，帖子，用户评论或独立的插件。Section：用于网站页面上的内容进行分块。由内容及标题组成。Nav：用作页面导航的连接组。如：导航栏，页内导航，翻页操作等。Aside：表示当前页面的附属信息部分。如：引用，广告，侧边栏等。Time：datetime.pubdate(发布日期) 新增的非主体结构元素：header：引导和导航作用的元素。 ...
HTML表格【代码】
1，<table>标记 a，基本格式<table 属性1=“属性值” 属性2 ＝属性值>表格内容</table> b，table 标记的属性 width属性：表示表格的宽度，他的值可以是像素（px）也可以是父级元素的百分之百（％） height属性：表示表格的高度，他的值可以是像素（px）也可以是父级元素的百分比（％） border属性：表示表格外边框的宽度 align属性：表格的显示位置，值left居左显示 center居中显示 right居右...
Ajax返回html和json格式数据【代码】
Ajax可以返回text和xml格式 可以用Ajax返回大段的html文本和json格式的字符串，然后用eval()方法 转化为json对象 php中的json编码：json_encode(); php中的json解码：json_decode(); 前端页面<!doctype html> <html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus?"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</ti...
HTML 5 Canvas
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。<canvas id="myCanvas" width="200" height="100">内容</canvas>canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成1绘制一个红色的矩形<script type="text/javascript">var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");cxt.fillStyle="#FF0000";cxt.fillRect(0,0,150,75);//绘制 150x75 的矩形，从左上角开始 (0,0)</scr...
009_HTML布局、响应式设计
HTML布局网站常以杂志、报纸样式显示使用<div>元素的HTML布局，方便通过css对其进行设计<!DOCTYPE html><html><head><style>#header{background-color:balck;color:white;text-align:center;padding:5px:}#nav{line-heitht:30px;background-color:#eeeeee;height:300px;width:100px;float:left;padding:5px;{#section{width:350px;float:left;padding:10px;}#flooter{background-color:bkack;color:white;clear:both;text-align:ce...
HTML减肥 精简HTML标记制作网页【代码】
HTML 4HTML （非XHTML），MIME type 为 text/html ，允许省略一些标签。通过 HTML 4 DTD，你可以省略以下标签（那些所谓可避免的元素，这里用删除线加以标记）</area></base><body></body></br></col></colgroup></dd></dt><head></head></hr><html></html></img></input></li></link></meta></option></p></param><tbody></tbody></td></tfoot></th></thead></tr>比如，你的代码是<li>List item</li>可以写为<li>List item又比如段...
html5 input【图】
650) this.width=650;" src="/upload/getfiles/default/2022/11/9/20221109043102635.jpg" title="QQ截图20160719145741.png" />本文出自 “十里稻花香” 博客，请务必保留此出处http://5880861.blog.51cto.com/5870861/1827764原文：http://5880861.blog.51cto.com/5870861/1827764
基于HTML5的3D网络拓扑自动布局【代码】【图】
上篇将HT for Web的3D拓扑弹力布局的算法运行在Web Workers后台（http://www.hightopo.com/blog/70.html），这篇我们将进一步折腾，将算法运行到真正的后台：Node.js，事先申明Node.js篇和Web Workers篇一样，在这个应用场景下并不能提高性能，纯粹为了折腾好玩，当然也不会白玩，人生就在折腾中，只有折腾才能真正成长。核心实现代码和Web Workers篇基本一致，唯一区别在于前后台交互的方式上，worker通过postMessage和addEventLi...
在线运行HTML代码器（一）【代码】
在线运行HTML代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>在线运行HTML代码器（一）</title><script>window.onload =function(){var btrun = document.getElementById("btrun");var cdarea = document.getElementById("cdarea");btrun.onclick =function(){if(cdarea.value !="将HTML代码粘在此处，点击运行即可。"){var newwin = window.open(‘‘, "_blank", ‘‘);newwin.document.open(‘text/html‘, ‘r...
html+js实现图片预加载（异步加载）【代码】
在前端设计时，为了让某县页面的图片即使缓存到浏览器中，一般使用预加载技术，但更为确切的应该称为异步加载，因为对线程不会造成阻塞。核心代码<script type="text/javascript"> function loadImage(id,src,callback) {var img = new window.Image();//当图片成功加载到浏览器缓存img.onload =function(evt) {if(typeof(img.readyState)==‘undefined‘){ img.readyState = ‘undefined‘;}//在IE8以及以下版本中需要判断...
游戏1：HTML5制作网页游戏围住神经猫--createjs【代码】【图】
游戏简介：点击小圆圈，是蓝色的小圆圈不跑出圆圈外，跑出则结束游戏准备工作： 下载easejs ：下载地址：http://www.createjs.cc/easeljs 中文网站效果：index.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>围住神经猫游戏</title><script src="js/easeljs.min.js"></script><script src="js/Circle.js"></script></head><body><canvas width="800px" height="800px" id="gameView"></canvas><s...
PHP 第一阶段 html（1）【图】
php 阶段学习：第一阶段html，第二阶段：div+css ，第三阶段：php第一阶段 html: 直接上demo 直观感受! 不懂或有疑问可@ 或私信demo1：<html> <head> </head> <body> <img src="1.jpg" width ="200px" alt ="nihao" /> </body> </html>直接上传一张图片。????版权声明：本文为博主原创文章，未经博主允许不得转载。原文：http://blog.csdn.net/u010236550/article/details/48129193
HTML5权威指南读书笔记【第二部分】
1、超链接href支持格式:http https ftp mailto(mailto:adam@mydomain.com)2、超链接#id 将指定id的元素移入视野中，如果没有则查找name匹配3、b与strong的习惯形式都是加粗但是在html5中b没有表示重要的语义，strong有4、wbr的使用在浏览器需要换行的时候给予拆分行位置的建议5、code、var、samp（输出）、kbd（用户输入）暴露了HTML的极客属性6、<ruby>魑<rp>(</rp><rt>chi</rt><rp>)</rp></ruby>7、bdo文字方向<bdo dir=“ltr”>...
HTML标题 段落 样式【代码】
HTML 标题标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。 <h1> 定义最大的标题。<h6> 定义最小的标题。注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。<hr /> 标签在 HTML 页面中创建水平线。 hr 元素可用于分隔内容。使用水平线 (<hr> 标签) 来分隔文章中的小节是一个办法（但并不是唯一的办法）。<!-->注释 HTML 段落 是通过 <p> 标签定义的。注释：浏览器会自动地在段落的...
html 行级元素和块级元素标签列表分别有哪些【代码】
行内元素列表:<a>标签可定义锚<abbr>表示一个缩写形式<acronym>定义只取首字母缩写<b>字体加粗<bdo>可覆盖默认的文本方向<big>大号字体加粗<br>换行<cite>引用进行定义<code>定义计算机代码文本<dfn>定义一个定义项目<em>定义为强调的内容<i>斜体文本效果<img>向网页中嵌入一幅图像<input>输入框<kbd>定义键盘文本<label>标签为<input> 元素定义标注（标记）<q>定义短的引用<samp>定义样本文本<select>创建单选或多选菜单<small>呈...