在HTML中常用以下3种方式定义CSS：Embedding（嵌入式）、Linking（引用式）、Inline（内联式） 一、嵌入式 使用HTML的style元素，在文档中定义CSS样式。 复制代码 代码如下: head style type="text/...
html
顶部固定div可设置半透明效果
复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title顶部固定/title style type="...
html meta用法示例介绍
示例用法 复制代码 代码如下: !DOCTYPE【原URL http://www.nextecloud.cn转载请说明出处】 html !--[if lt IE 7]html class="ie6"![endif]-- !--[if IE 7]html class="ie7"![endif]-- !--[if IE 8]html class="ie8"![endif]-- !--[if IE...
使用thead、tfoot、 tbody制作一个表格
还有人很变态地用这三个标签做出标题能跟随表格，或者tbody固定高度，走出自动出现滚动条的功能。 复制代码 代码如下: titlethead、tfoot 以及 tbody标签/title table border="1" thead tr th科目/...
文字滚动后自动停止效果示例
效果很简单，只需要把下面的代码复制到你自己的页面中去运行一下就行了 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional...
设置contenteditable属性可编辑HTML标签的内容(可代替
复制代码 代码如下: div contenteditable="true"可以编辑里面的内容/div 如果你在BODY里面加上contenteditable=true，可以发现该属性是多么的神奇。因此我们可以给HTML标签设置contenteditable=true属性则...
使用SWFObject完美解决HTML插入Flash的各浏览器兼容
下面我们来共同学习一下 一、传统的方法 复制代码 代码如下: object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="a href="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,...
textarea的disabled与readonly属性具体用法介绍
disabled定义和用法 di【原URL 台湾大带宽服务器http://www.558idc.com/tw.html复制请保留原URL】sabled 属性是一个布尔属性。 disabled 属性规定文本区域应该被禁用。 被禁用的文本区域既不可用，...
form 在上传文件时用enctype字段有什么用处
FORM元素的enctype属性指定了表单数据向服务器提交时所采用的编码类型，默认的缺省值是application/x-www-form-urlencoded。 这种编码方式在表单发送之前都会将内容进行ur【来源：美国站群服务...
iframe截取网站部分内容实现思路及代码
复制代码 代码如下: div style="width:630px;height:350px;overflow:hidden;border:0px" div style="width:800px;height:800px;margin:-810px 0px 0px -10px;" iframe src="http://www.sci99.com/" width="960" height="1280" scrolling="no"/iframe...
空格在Html中如何表示( 有什么含义)
在web开发经常会遇到如【文章出处:外国服务器】: nbsp; 这样的字符。它其实是Html将一些特殊字符(Html语法字符)的一种表达方式。 常见的： nbsp; 空格 amp; lt; gt; quot; qpos; '...
iframe框架在IE浏览器下将白色背景设为透明色
最近在做项目的过程中需要频繁的使用iframe画页面的层级框架，大部分浏览器是没有背景的，但是iframe在IE中默认是有一个白色的背景色的，当主背景色不是白色的时候，在这一部分会显...
Adobe Brackets 简单使用图文教程
Adobe Brackets是一款开源、简洁强大的HTML、CSS和JavaScript集成开发环境，支持增加外挂程式以提供额外的功能扩展，目前可用的外挂程式例如支持增加侦错、浏览器特定CSS前缀、JSDoc注解等...
HTML元素 noscript使用介绍
noscript定义和用法 noscript 元素用来定义在脚本未被执行时的替代内容（文本）。 此标签可被用于可识别 script 标签但无法支持其中的脚本的浏览器。 HTML 与 XHTML 之间的差异 NONE 提示和注...
HTML标签上标sup、下标sub应用介绍
HTML标签：上标 在HTML语言中， sup 标签可定义上标文本。例如：要求显示：2个氧离子，在html代码【文章原创作者：高防服务器ip】中则需要写成：2Osup2-/sup。 2O2- 包含在 sup 标签和其结束...
通过display或visibility来隐藏html元素
有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，简单的例子代码如下： 复制代码...
设置disabled属性后台读不到数据如何让select支持
复制代码 代码如下: span style="font-f【文章出处:cc防御 转载请说明出处】amily:Microsoft YaHei;"select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;" option...
HTML页面style中里面!-- --的作用是什么
主要是针对低版本的浏览器 !-- --是html的注释标签，高版本的浏览器会识别style标签是样式表， 并忽略里面的html注释标签，会【文章来自：http://www.yidunidc.com/gfcdn.html 欢迎留下您的宝贵建...
如何去除表单的回车即提交即回车!=提交
实现回车!=提交的问题，一般可以从按钮的type类型 和 输入框个数两处着手。 默认情况下，单个输入框，无论按钮的type=submit还是type=button类型，回车即提交。 1.当type=submit时，无论有几...
关于html中meta的作用(网上搜集整理得来)
W3Cschool上是这样说明的 meta 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 meta 标签位于文档的头部，不包含任何内容。meta 标签的属性...
如何设置select只读不可编辑且select的值可传递
1. select style=width:195px name=role id=role onfocus=this.defaultIndex=this.selectedIndex; onchange=this.selectedIndex=this.defaultIndex; 这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是...
浅谈：nofollow标签的使用与分析
关于nofollow的争议 有段时间Zac和国平有过关于nofollow的争议，就是nofollow到底会不会浪费PR。按照Google官方人员的解释，假设一个页面上有10个链接。 那么该页面的PR就会被分成10份分给这...
使用flash插件来调用pc的摄像头如何将它嵌入到
前言 之所以写这篇文章，主要是因为组长给提的一个新的需求使用浏览器调用电脑的摄像头，来实现即时拍照的功能。在网上查了很多资料，由于这样那样的原因，最终选择了使用fl...
HTML中的文本框textarea标签
textarea/textarea用来创建一个可以输入多行的文本框，此标志对用于form/form标志对之间。textarea具有以下属性： (1)onchange指定控件改变时要调用的函数 (2)onfocus当控件接受焦点时要执行的函...
html代码文本框限制输入 文本框变灰色 限制文本
方法1：设置readonly属性为true。 INPUT value=readonly readOnly 方法2：设置disabled属性为【原URL http://www.yidunidc.com/sin.html 转载请说明出处】true。 INPUT disabled value=disabled 方法3：在对象focus时立刻让...
拿什么来拯救你，我的table(海玉博客)
table曾经在网页开发中占据着举重若轻的地位布局，即使到了Web2.0我们依旧可以看到其布局的身影。然而技术是不断进步的Div+Css组合方式终究敲开了老式布局的大门刮起了新的一轮布局...
详解a href=#与 a href=javascript:void(0) 的区别
a href=# 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP a href=javascript:void(0) onClick=window.open() 点击链接后，页面不动，只打开链接 a href=# onclick=javascript:return false; 作用同上，不同浏...
5个酷炫、实用的HTML标签和属性介绍
其实这也是标题党了，也不能说是炫，只是由于我孤陋寡闻没见过这些标签。这些功能在通常的网站上也不是很常见，所以我感觉很新鲜。那么就出一个系列吧，把我遇到的很好的HTM...
textarea布局时文字在左下边且不能改变大小尺寸的
两个小问题,但是困扰了很久 第一个问题 textarea文本域左边的文字一直都是在textarea的左下边，看起来不美观 设置一个属性就可以搞定 复制代码 代码如下: label style="vertical-align:top" 备注...
HTML blockquote 标签使用与美化
blockquote定义和用法 blockquote 标签定义块引用。 blockquote 与 /blockquote 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。...
块级元素和内联元素及可变元素汇总
块元素(block element) p - 段落 pre - 格式化文本 table - 表格 ol - 排序表单 ul - 非排序列表 address - 地址 blockquote - 块引用 center - 居中对齐块 div - 常用块级 dl - 定义列表 fieldset - form控制组 f...
用table表格来调整表单控件的格式让它好看一些
因为想自己写一个web,所以也在学习html语言的一些东西,让我回想起了大学时代曾对网页设计产生过兴趣,无奈那时候还没有自己的电脑,还常去网吧买个软盘下载一些图片,然后用fontpage做一...
select不支持双击dbclick事件
XML/HTML Code 复制内容到剪贴板 div class = centent style = width:200px;float:left;margin-right:20px; select multiple = multiple id = select1 style = width:150px;height:160px; option value = 1 选项1 / option option value = 2 选项...
用jquery进行修复在iframe下的页面锚点失效问题
应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。 解决办法...
meta标签中的使用viewport定义屏幕css
meta name=viewport content=width=device-width, initial-scale=1.0, m【来源：美国cn2服务器 转载请说明出处】inimum-scale=1.0, maximum-scale=1.0, user-scalable=no width-viewport的宽度 height-viewport的高度 initial-scale 初始...
html中实现文本框出现提示功能的多种方法
可以用html5中的属性 input =text placeholder=你想输入的内容 也可以用js做到 加css样式 复制代码 代码如下: style type="text/css" .in_search { border:1 none; color:#999999; float:left; font-size:14px; height:18px; l...
Web开发中的基本概念和用到的技术简介
今天，本文向初学者介绍一些 Web 开发中的基本概念和用到的技术，从A到Z总共26项，每项对应一个概念或者技术。 A AJAX AJAX 全称为 Asynchronous JavaScript and XML （异步 JavaScript 和 XML ），是...
10个设计制作大型网站架构中一定要考虑的问题
我们这里不讨论是PHP还是JSP或者.NET环境，我们从架构的方面去看问题，实现语言方面并不是问题，语言的优势在于实现而不是好坏，不论你选择任何语言，架构都是必须要面对的。 1、...
html中的绝对路径URL和相对路径URL及子目录、父目
绝对URL用于表示Internet中特定文件所需要的全部内容，Internet中的每一个文件都有一个唯一的URL，这就是在网页中搜索时需要输入到地址栏的连接。 例如，要进入百度一下的网页，则在网...
在js或css后加?v= 版本号不让浏览器缓存
复制代码 代码如下: span style="font-size:14px;"css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ） script type=text/javasc【文章出处:香港多ip服务器 复制请保留原URL】ript src=jb51.js?vers...
HTML的结束标签问题与w3c标准
根据w3c的原则，xml的每个开始标签必须有一个结束标签与之对应，也就是html必须要有/html结束，才是一个完整的元素，除非它是一个【本文来源：bgp服务器 欢迎转载】自封闭标签，自封...
在HTML里为FLASH加链接并兼容各大浏览器的方法
先看代码 复制代码 代码如下: div style="【原创作者：http://www.1234xp.com/tw.html网络转载请说明出处】position:relative; width:[flash的宽]px; height:[flash的高]px;" a href="填写链接地址" target="_blank" st...
今天遇到了很奇葩的li a的点击问题自己解决的
是这样的，今天我本来要做一个弹窗， 后台php【本文由：http://www.1234xp.com/st.html提供，感谢】交给我的任务，对于这样的问题与我来说已经很简单了，因为做的已经不下于三遍了，关键...
用DIV遮罩解决鼠标直接勾选checkbox无效的问题
在前端开发的过程中，遇到一种情况，需要勾选，为了用户的操作便捷就将click事件放到了DIV上。（其中使用了knockout.js） 代码大概如下： 复制代码 代码如下: div id="one" data-biind="click:...
用CSS对TD中INPUT的宽度设置
最近在用C#做Web程序时，碰到一个问题： 将TextBox的asp控件放在Table中的TD里面时，不设置宽度，自动会将TD撑的很大。 查看运行后页面的源代码发现，其实TextBox控件最终在客户端显示的...
Html Select 使用selected属性设置默认选择项
给某个option 添加 selected = selected 属性就是默认选项 如： 复制代码 代码如下: select id="isAudit" name="i【来源：自由互联：http://www.yidunidc.com/usa.html 欢迎留下您的宝贵建议】sAudit" option valu...
在网页上调用桌面exe程序的简单方法
本文主要介绍在网页上如何调用桌面exe程序。 网页代码如下： 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns=...
meta标签中的viewport控制设备屏幕css
复制代码 代码如下: meta name="viewport" content="【文章出处:香港多ip服务器 复制请保留原URL】width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" width-viewport的宽度 hei...
html借助marquee实现文字左右滚动
复制代码 代码如下: BODY //借助于marquee MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100" SPAN unselectable="on"这里是要滚动的内容...
单选按钮、多选按钮用图片实现加样式
之前一直看到有人在问，单选按钮和多选按钮怎么加样式、怎么把按钮变大？下面把我做的一个例子分享出来。 1.首先把按钮做成图片 2.html页面 复制代码 代码如下: !DOCTYPE HTML html head...