HTML - 技术教程文章
html的空格和换行显示【代码】
一、HTML 代码中的所有连续的空格或空行（换行）都会被显示为一个空格，不管是内容还是标签之间。二、当我们想让它们在同一行连续显示时，就让所有的代码之间没有空格，也不要换行。三、当我们想要显示连续空格时，可以使用以下方法：1、使用<pre><pre>这是预格式文本，它保留了 空格和空行。</pre>2、用空格实体符 代替空格，用换行标签<br/>代替空行。 3、用全角空格，全角空格被解释为汉字，所以不会被被解释为HTML分隔符，...
F12后面的世界（Elements篇）——重识html【代码】
从 淘宝网, 检查元素开始探索之旅。html是什么？hyper text markup language 超文本标记语言，使用标签来描述网页 标签语义化标签html5新增标签什么是超文本？ 超级文本，使用超链接将不同空间的文字信息组织在一起的网状文本<!doctype html>是什么？w3schooldocument type definitiondocument type文档类型，标明web浏览器是使用哪个版本的html/xhtml进行编写必须放在最顶部，标签之前html 4.0.1和xhtml是基于SMGL（ SMGL, a syst...
Sublime text 3 如何格式化HTML代码
使用Sublime text 3 编写代码是一种享受，使用Sublime text 3 格式化HTML代码，需要安装插件，具体安装步骤如下： 1、Ctrl+Shift+p，输入 Package Control:Install Package 。 2、等待程序进入插件管理功能，再输入插件名称：TAG。 3、点击安装插件。 4、插件安装成功后，在需要格式化的HTML代码中，选中代码，然后按Ctrl+Alt+F对代码进行格式化。 5、最后再将格式的代码通过Tab来进行排版。原文：http://www.cnblogs.com/Harold-H...
HTML【代码】【图】
转自http://www.cnblogs.com/liwenzhou/p/7988087.htmlHTML介绍Web服务本质 import socketsk = socket.socket()sk.bind(("127.0.0.1", 8080)) sk.listen(5)while True:conn, addr = sk.accept()data = conn.recv(8096)conn.send(b"HTTP/1.1 200 OK\r\n\r\n")conn.secd(b"<h1>Hello world!</h1>")conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染...
HTML5创建一个径向/圆渐变【图】
HTML5创建一个径向/圆渐变1、设计源码<!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5创建一个径向/圆渐变</title> <script type="text/javascript">/*** 创建一个径向/圆渐变*/function drawCircle(){//找到<canvas>元素var canvas = document.getElementById("canvas");//创建context对象var ctx = canvas.getContext("2d");//创建一个径向/圆渐变var gradient = ctx.createRadialGradient(200,200,5,90,60,...
html用过标签记录
nowrap="nowrap" 用于列表中td不许换行maxlength="100" 用于输入框的长度限制colspan="2" 用于td横向合并rowspan="2" 用于td纵向合并style="text-align: center;" 用于字体居中style="display: none;" 用于隐藏但实际存在readonly="readonly" 只读标签type="hidden" input隐藏标签原文：https://www.cnblogs.com/bowei/p/8258874.html
HTML5表单
1.<form>定义了一个表单。表单中的输入控件必须包含在form元素的标记对内。 2.<from action=“表单处理程序的url” method=“get|post”> 3.<from>属性，元素设定同时使用name和id属性。 4.input：使用type定义不同的控件，文本、口令、复选框、单选框、提交、重置、隐藏域、图像。 5.select和option：组合使用，创建下拉列表。 6.多行输入文本框：textarea 7.文本框：<input type=“text” value=“文本” size=“” maxlenth=“”...
html【代码】
<html> <head> <title>my first blog</title> </head> <body> <input type="text" name="txtName" > <input type="password" name="txtPwd" > </body> </html>本文出自 “潇洒哥” 博客，请务必保留此出处http://989735914.blog.51cto.com/9378693/1605399原文：http://989735914.blog.51cto.com/9378693/1605399
好程序员HTML5大前端分享web前端面试题集锦三
1、HTML语义化的理解？答案：HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CSS的情况下也以一种文档格式显示，并且是容易阅读的；搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO；使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。2、父元素透明，但是又不影响子元素的透明度怎么实现？答案：方法一：用rgba方法二：再加上一层与父元素同级的div装载子元素，定位到子元...
Html5 reset表 2015年1月7日15:02:14【代码】
/*HTML5 Reset :: style.css----------------------------------------------------------We have learned much from/been inspired by/taken code where offered from:Eric Meyer :: http://meyerweb.comHTML5 Doctor :: http://html5doctor.comand the HTML5 Boilerplate :: http://html5boilerplate.com-------------------------------------------------------------------------------*//* Let‘s default this puppy out --...
HTML5学习笔记简明版（11）：新增的API
HTMLDocument上的扩展 HTML5在DOM Level 2 HTML上扩展了一些HTMLDocument的接口。这些接口在全部实现了Document接口的元素对象上进行了实现。HTML5在里面也新添加了几个成员：getElementsByClassName()：用class类获取元素。用这种方法能够查询不论什么带有class属性且带有符合该class參数值的元素和Document对象（比如：SVG和MathML）。innerHTML：一种解析和序列化HTML/XML文档的方式，该属性在曾经版本号的浏览器里仅仅支持HTML...
HTML video和audio【代码】
在HTML5中可以直接播放音频和视频，不需要安装插件。示例代码：音频<audio controls="controls"><source src="song.ogg" type="audio/ogg"><source src="song.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio>如果需要循环播放就加上loop属性；需要多首歌依次播放需要加js代码。视频<video width="320" height="240" controls="controls"><source src="movie.ogg" type="video/ogg"><source src="m...
cocos2dx --- 在游戏中显示HTML页面
前文介绍了简单的富文本组件RichText，现在我们来了解下由freeType库做出来的第三方组件，可以直接显示html页面，并且能够实现超链接，和触摸事情。步骤：1、在github中 下载 ，地址再贴下： https://github.com/happykevins/cocos2dx-ext ， 下载这个项目，github的下载方式自行百度。2、将下载的文件中的extensions 目录下面的cells、dfont、RichControls 这三个文件夹和 renren-ext.h 头文件拷贝进cocos2dx2.2.3的同名目录e...
HTML高级标签（2）————窗口分帧（2）————后台管理页面【图】
使用frameset进行窗口分帧，构建简易的后台页面。这篇博客就作为一个简易后台管理页面的实战演练。1 首先，需要一个页面，使用<frameset>按比例划分为适合的三个区域：头部，菜单，主体。<frameset>不能放在<body>中编写。给每一个<frame>进行命名，便于后面链接时target属性可以直接指向指定位置。代码如下（文件名自定义，我写的是 frameset.html）：<html><head><title>后台管理页面</title></head><frameset rows="100,*"><fra...
熟手的html编写风格与原因分析【代码】【图】
一、导航：无序列表 对 其它标签元素用最常用的“无序列表“来写导航的理由是显而易见的，它代表一列链接，这本身就有足够的理由应选择列表标签。但需要移除list列表的默认样式，以使其更有意义。另一个好处可能超出你的想象：你建立一个list列表，同时里面添加a链接，用css可以控制定义list列表里面一串元素。<ul><li><a href="#">收集分享</a></li></ul>二、路径(面包屑)：p段落标签 对 list列表标签我们可以一起探讨这个问题，如...
基于 HTML5 WebGL 的地铁站 3D 可视化系统【代码】【图】
前言工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该 3D 场景从正面展示了一个地铁站的现实场景，包括地铁的实时运行情况，地铁上下行情况，视频监控，烟雾报警，电梯运...
html+css学习笔记 4[定位]【图】
如何让图1中的div2移动到如图2上的位置；思路：哪些css命令能够影响盒子显示的位置呢？ relative相对定位/定位偏移量position:relative; 相对定位 a、不影响元素本身的特性； b、不使元素脱离文档流； c、如果没有定位偏移量，对元素本身没有任何影响；定位元素位置控制 top/right/bottom/left 定位元素偏移量。 absolute绝对定位/定位层级osition:absolute; 绝对定位 a、使元素完全脱离文档...
HTML <input> 标签如何屏蔽浏览器的自动填写？【代码】
autocomplete = "off"，实测无效。<input type="text" autocomplete = "off"/>readonly，Safari 测试无效。<input type="text" readonly onfocus="this.removeAttribute('readonly');"/>所以，应该怎么办才好呢？ 标签如何屏蔽浏览器的自动填写？' ref='nofollow'>HTML 标签如何屏蔽浏览器的自动填写？原文：https://www.cnblogs.com/zhaoziwei/p/10723046.html
Html学习之html的文件基本标记（2）【代码】
下面学习基底网址标记<base> HTML页面通过基底网址能够把当前HTML页面中的相对URL转换成绝对URL。一般情况下，通过基底网址标记<base>设置HTML页面的绝对路径，那么只需要在页面的链接地址中设置成绝对路径 ex:<base href="http://www.baidu.com"> <a href="../html/lili.html" >相当于http://www.baidu.com/html/lili.html 页面的主体标记<body> body是整个页面的主体，它的属性有 text(设置页面字体的颜色)...
HTML5 audio
声音标签audio的基本属性及使用audio 标签主要定义播放声音文件或者音频流的标准，目前所有主流浏览器都支持该标签，支持三种音频格式，分别为Ogg、Mp3和Wav。如果需要在HTML5网页中播放音频，输入的基本格式如下<audio src="song.ogg" controls="controls"></audio>其中，src属性是规定要播放的音频的地址， control 属性供添加播放、暂停和音量控件，<audio> 与 </audio> 之间插入的内容是供不支持 audio 元素的浏览器显示的。au...
XHTML CSS写出正规的BLOG
Blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按照时间顺序排列，并且不断更新的出版方式”。简单的说博客是一类人，这类人习惯于在网上写日记。 如何应Blog的全名应该是Web log，中文意思是“网络日志”，后来缩写为Blog，而博客(Blogger)就是写Blog的人。从理解上讲，博客是“一种表达个人思想、网络链接、内容，按...
前端开发 - HTML【代码】
1.index2.head标签相关内容3.常用标签一4.常用标签二 table5.常用标签二 form6.标签分类 1.index<!--声明文档的类型 标记该文档为HTML5的文件--><!DOCTYPE html><!-- 页面的根节点 --><!-- html中的标签都是闭合标签 闭合标签包含 双闭合和单闭合 双闭合：<html></html> 单闭合：<meta />--><html><head><!-- 声明头部的元信息 对我们文档 规定编码格式 --><meta charset="utf-8"><!-- 包含头部的信息 是一个容器 包含 style ti...
html 的radio单选框如何实现互斥------radio只是input的type属性【代码】
先看看没有互斥的情况： 1 <html>2 <body>3 4男性：<inputtype="radio" id="male" />5 <br />6女性：<inputtype="radio" id="female" />7 <br />8 9 </body>10 </html>11 要实现互斥， 可以让名称一致， 比如： 1 <html>2 <body>3 4男性：<inputtype="radio" id="male" name="xxx"/>5 <br />6女性：<inputtype="radio" id="female" name="xxx"/>7 <br />8 9 </body>10 </html>11原文：https://www.cnblogs.com/ago-0912/p/...
一键还原——MVC3中的HTML辅助方法
HTML辅助方法是可以通过视图的html属性调用的方法。相应的，也可以通过Url属性调用URL辅助方法，通过Ajax属性调用AJAX辅助方法。所有这些方法都有一个共同的目标：使视图编码变得容易。下面主要介绍html辅助方法还原为纯html代码之后的是什么模样。1、 @Html.TextArea(“text”,”hello world”)一键还原<textarea cols="20" id="text"name="text" rows="2" class="">helloworld</textarea>2、 @Html.TextBox("title","文本框内容...
C# 解析HTML格式字符串（HtmlAgilityPack）【代码】【图】
官网地址：htmlagilitypack百度网盘下载地址：点击使用方法： 1.引用HtmlAgilityPack.dll文件 2.引用命名空间：using HtmlAgilityPack; 3.调用（元素查找方式为xpath，用法参见w3school）： staticvoid Main(string[] args){string html = GetHtml("http://www.w3school.com.cn/xpath/xpath_syntax.asp");HtmlDocument doc = new HtmlDocument();doc.LoadHtml(html);HtmlNode node = doc.DocumentNode...
html5 canvas
这两天看了canvas， 实现动画还是蛮简单的， 我主要是看了immoc里面的时钟课程， 然后自己写了一个页面。里面包含动态的气球。当然，我做的页面是多个画布的，通过z-index:-1来确定不同画布顺序，同时上层的画布所有的画像都是用rgba采用透明的。但是现在遇到一个问题，我想事件处理，但是canvas是一个整体，没办法监听某一部件的，因此有人用坐标去辨别http://bbs.9ria.com/thread-190079-1-1.html因为我目前做的只需要几个标签就...
js获取Html元素的实际宽度高度
情况一：宽高都写在样式表里，即外部样式或嵌入式样式，比如#div1{width:120px;}。这种情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。情况二：宽和高是写在行内中，即内联式样式，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的...
第一章 关于html适应手机屏幕的写法【代码】
在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度:1<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes"/>1、width=device-width ：表示宽度是设备屏幕的宽度2、initial-scale=1.0：表示初始的缩放比例3、minimum-scale=0.5：表示最小的缩放比例4、maximum-scale=2.0：表示最大的缩放比例5、user-scalable=yes：表示用户是否可以...
HTML input 系列控件 全选反选 内容判断
一个checkbox控制checkbox列表全选和反选 支持最新的jquery插件$(".m_log_oper_allcheck").click(function () { if ($(this).is(":checked")) { $(".m_log_check").each(function () { if (!$(this).is(":checked")) { $(this).click(); } }) } else { $(".m...
Html5 实现灯笼绘制【代码】【图】
最近在学习Html5，就用JavaScript在Canvas试着绘制了一个灯笼，并作了简要的说明。具体绘制思路在页面上有说明，不再赘述，代码如下： 1 <script type="text/javascript">2//绘制椭圆 3function ParamEllipse(context, x, y, a, b) {4//max是等于1除以长轴值a和b中的较大者 5//i每次循环增加1/max，表示度数的增加 6//这样可以使得每次循环所绘制的路径（弧线）接近1像素 7var step = (a > b) ? 1 / a : 1 / b;8 conte...