德仔

前一段时间在项目中需要用到播报文字语音。找到了 HTML 5 有这样的功能。现在有时间进行总结下。SpeechSynthesis 接口是语音服务的控制接口。它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或者别的命令。（MDN）SpeechSynthesis 是 window 上面的属性，可以直接调用。属性：下面的都是只读属性paused：是否处于暂停状态，返回 Boolean 值pending：语音播报队列中是否有需要说的语音，返回 Boolean 值speaking：是否正在进行语音播报（

*设计递增函数a，递增起始值为1 *//*设计递增函数b，递增起始值为1 *//*设计递增函数c，递增起始值为1 *//*把递增值添加到二级列表项前面*//*把递增值添加到三级列表项前面*//*设计层级目录序号的字体样式*//*把递增值添加到列表项前面*//*清除默认的序号*/

rp ：在 ruby 中使用，防备那些不支持ruby标记的浏览器，主要用来放置括弧。对于支持这个标记的浏览器，rp标记的CSS样式是{display:none;ruby ：用它将需要注释或注音标的文字内容包围住，一般与rp、rt标签一起使用。rt ：定义字符的解释或发音，这个标记要跟在需要注释的文本后边。

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，它的特点免费、开源、多平台，以及集成git，代码调试，插件丰富等有点，被大家逐渐熟知和认可。但是如何在VS Code中建立运行html文件呢？详见如下内容。

根据超链接的类型，显示不同图片的前缀。/*匹配所有有效超链接*//*匹配Excel文件*//*匹配Word文件*//*匹配PDF文件*//*匹配记事本文件*//*匹配演示文稿*/

【代码】[HTML]js Table单击事件，获取表格行和列及单元格数值的方法。

在进行HTML网页编写的过程中，往往需要及时的编写反馈，反复的在编辑器和浏览器窗之间进行切换是一个很繁琐的事情，如果在编辑器上使用插件，我也不太愿意，繁琐而且不安全。下面介绍三种不需要插件的自动刷新方法。其中参数和上面第一种的参数同一个含义,content是刷新时间,单位为秒,后面的url为刷新地址。其中前面是刷新所需的meta标识,后面的content是刷新的秒数。使用 JavaScript 自带的定时函数，设置时间的单位为毫秒。在html的文档头中,在标签中添加meta属性，像下面“

分享一个好看的表格无缝滚动:(实战用起来很舒服)分享一个好看的表格无缝滚动:(实战用起来很舒服)

结构伪类选择器上图中，我们很清楚的看到了那些属于同级，first-of-type 是要找到同级的第一个，所以 div1、div2、div5 是符合要求的，所以“456” “ 789”’ “唯一的”会发生样式变化。解析：如上代码中，我们给 p 标签和 div 标签都设置了 only-of-type，但是只有 p 标签的起作用了。为什么？因为上述代码中存在多个 div。所以这个选择选择器一定要注意唯一性。...

hover：用来定义用户用鼠标划过对应的元素，可是未激活显示的样式focus：用来定义一个元素自己具有焦点（接受键盘、鼠标、form的输入等）以后，显示的样式active：用来定义用户按下鼠标后，可是并未离开时候的样式，一般是左侧的鼠标:link:link 只能用于 a 标签，并且标签带有 href 属性时，才会匹配到。当点击 1-2 中的链接后，1-2会应用到 :visited 状态。同时由于 1-3 与 1-2 访问的链接一样，1-3 也会变成绿色。表示元素被鼠标按下，但未松开前的状态。适用于

1. [attr] 匹配带有一个名为attr的属性的元素——方括号里的值。2.[attr=value] 匹配带有一个名为attr的属性的元素，其值正为value——引号中的字符串。3.[attr~=value] 匹配带有一个名为attr的属性的元素，其值正为value，或者匹配带有一个attr属性的元素，其值有一个或者更多，至少有一个和value匹配。注意，在一列中的好几个值，是用空格隔开的。**4.[attr |=value] 匹配带有一个名为attr的属性的元素，其值可正为value，或者开

相邻兄弟选择器

对于相同CSS起源来说，不同位置的样式其优先级也是不同的。一般来说，行内样式会优先于内嵌样式表，内部样式表会优先于外部样式表。而被附加了！important关键字的声明会拥有最高的优先级。在实际开发中，如果作者设计网页字体颜色为14号黑色字体，而用户在浏览器里利用火狐浏览器的插件firebug修改页面字体为18号字体，那么浏览器该如何处理呢？根据CSS层叠规则：作者设计的样式能够覆盖浏览器默认设置的样式，而用户在浏览器设置的样式可以覆盖作者的样式。同时,CSS根据样式的远近关系来决定层叠样式的优先级：在

function document.onkeydown()                //网页内按下回车触发{        if(event.keyCode==13)        {                document.getElementById("Button").click();                   return false;               

【转】iframe和frameset ■ 框架概念 ： 所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要 即可，而所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 标记，浏览这框架必须读取这档案而不是其它框窗的档案。是用以划分框窗，每一框窗由一个 标记所标示，必须在 范围中使用。如下例：

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明.其它请参考:CSS hack：针对IE6，IE7，firefox显示不同效果1.div的垂直居中问题vertical-align:middle;将行距增加到和整个DI

.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, Start

网页常用Javascript 1．让文字不停地滚动 　　＜MARQUEE＞滚动文字＜/MARQUEE＞ 2．记录并显示网页的最后修改时间 　　＜script language=Javascript＞ 　　document.write("最后更新时间: " + document.lastModified + "") 　　＜/script＞ 3．关闭当前窗口 　　＜a href="/"onClick=

系统时间//获得当前时间,刻度为一千分一秒var initializationTime=(new Date()).getTime();function showLeftTime(){var now=new Date();var year=now.getYear();var month=now.getMonth();var day=now.getDate();

根据国务院文件，全国哀悼日，在此期间，全国和各驻外机构下半旗志哀，停止公共娱乐活动，外交部和我国驻外使领馆设立吊唁簿。届时汽车、火车、舰船鸣笛，防空警报鸣响。 中国站长站将整站换成素装。并建议中国所有站点更换为素装。为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码。html { filter:progid:DXImageTransform.Microsof

URL（统一资源定位器）一个称为 URL（统一资源定位器）的东西用于对万维网上的文档（或其他数据）进行寻址。一个完整的网址，例如：http://www.w3school.com.cn/html/lastpage.html，遵守如下语法规则：scheme://host.domain:port/path/filenameScheme 定义因特网服务的类型。最流行的类型是 http。do

网页添加MSN帐号的代码MSN网页在线对话代码网页上的MSN按钮代码联系客服MSN Messenger 7.5 及以后版本可在浏览器地址栏输入如下命令建立对话: msnim:chat?contact=[邮件地址]添加好友: msnim:add?contact=[邮件地址]语音聊天: msnim:voice?contact=[邮件地址]视频聊天: msnim:vi

页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接

一.把后台代码写到前台去1 对于普通的html标签和普通服务器控件绑定后台变量（变量一定要public）.cs        // 加载方式        public string loadtype;        protected void Page_Load(object sender, EventArgs e)        {

盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型：  　　从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。　　ie 盒子模型  　　从上图可以看到 ie

右侧悬浮的QQ在线客服.qqbox a:link { color: #000; text-decoration: none;}.qqbox a:visited { color: #000; text-decoration: none;}.qqbox a:hover { color: #f80000; text-decoration: underl

把PDF文档嵌入网页 使用      标记在HTML   中嵌入PDF   文档                                                                                                                         把aa.pdf替换成你的pdf档路径就

最常用的字符实体显示结果描述实体名称实体编号 空格  小于号<<>大于号>>&和号&&"引号""'撇号 &apos; (IE不支持)'

<br />主页面的frame就不写了<br />直接写上下左右按钮的代码：<br />1.左边<br /><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><title>cssrain</title><br /><script language="javascript" type="text/javascript" ><br />function switchSysBar()<br />{<br />    if (par

<br />首先来看一段代码：<br /><frameset  rows="53,10,*,24" frameborder="0" border="0" framespacing="0"  id="MainFrame"  name="MainFrame" bordercolor="#99ccff" ><br />        <frame name="MainHeader" src="MainPage/MainHeader.aspx" scrolling="no" /><br />        <fra

改变层的大小-51windows.com－www.51windows.Net> { box-sizing: border-box; moz-box-sizing: border-box } #testDiv { background-color: buttonface; background-repeat: repeat; background-attachment: scroll;

通常要到可拖动的层 代码：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >zhous html一共三个层,下面还有一个,把他拖上来,按下文字和button是不可以拖动的//一共三个层,下面还有一个,把他拖上来,按下文字和button是不可以拖动的//一共三个

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后，产生该文件Onchange:当文字值改变时，产生该事件Onselect:当文字加亮后，产生该文件<input type="text" value="郭强" onfocus="if(value==郭强) {value=}" onblur="if (value==)

 这里为文字输入区 这里为文字输入区 这里为文字输入区 这里为文字输入区 这里为文字输入区

网页-CSS2007年05月30日 星期三 09:16一、CSS入门CSS是Cascading Style Sheets(层叠样式表)几个英文单词的缩写。网页设计面临的问题：     1、显示格式设置功能薄弱、设置麻烦。     2、页面显示风格很难达到统一。     3、冗余的格式设定太多。CSS优点：     1、提供了丰富的显示格式设置功能，极大弥补了HTML显示

 网页-HTML2007年05月30日 星期三 09:14一、基本概念：网页、网站、浏览器、IE/NetScapeHTML：超文本标记语言，什么是超文本、什么是标记语言。HTML的内容怎样显示出来。二、HTML语法：三、的一些属性：什么是属性：text:设定整个网页中文字的色彩link:用于设定一般超链接文本的显示色彩alink:用于设定

  var objmain = document.getElementById("main");function updatesize(){ var bodyw = window.document.body.offsetWidth; if(bodyw = 1016) objmain.style.width="996px"; else objmain.style.width="100

  JS&DOM2007年05月30日 星期三 09:17String 对象允许操作和格式化文本字符串以及确定和定位字符串中的子字符串。length 属性 返回字符串的长度。anchor 方法 返回对象中指定文本周围带有HTML定位点（具有 NAME 属性）的字符串。        var strVariable = "This is an anchor";    

<br />今天在做改进顶部框架的时候，想到做一组按钮分别实现首页后退前进刷新。<br />这样要做四个图片还有可能整体的效果不太好，可能有间隙。本人排版布局有缺陷。。不会图片处理 不会CSS 不会JSS<br />我就想到有一个图片做超链接处理一些事情。好像有一个叫热区域<br /> <br />于是想到用MAP在网上查了一些资料<br />大概知道MAP用法<br />在HTML中有一个具有把图片划分成多个作用区域，并链接到不同网页的标记，那就是 <area>地图作用区域标记。<br />　　<area

徐越欢迎新同学——跑马灯效果 function scroll() { var title = document.title; var firstChar = title.charAt(0); // 取得第一个字符 var leftChar = title.subs