有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，简单的例子代码如下： 代码如下: <html> <head> <title>HTML元素的显示与隐藏控制</title> <script type="text/javascript"> function showAndHidden1(){ var div1=document.getElementById("div1"); var div2=document.getElementById("div2"); if(div1.style.display==bl...
最近在工作中碰到了在网页中嵌入播放器播放声音文件的需求，最后使用了embed元素 代码如下： 代码如下: <embed src=1093.swf autostart=false hidden=true loop=false ></embed> 在页面第一次加载时不让它发出声音，所以把autostart属性设为了false,如果要播放的话，调用embed元素的play方法播放声音 一开始是可以的，但是过了一阵子后，发现embed元素的autostart属性失效了，设为false在页面加载时依然会自动播放一次，找了好久，...
1,使用css代码如下: style="display:none;" 2.使用javascript代码如下: item.style.display=none;
制作html网页经常会使用到span这个标签，但有些朋友对这个标签很多朋友用不好，似乎觉得它又很好用，但有用起来又很麻烦，尤其是需要给它定义宽度和高度的时候。曾经有朋友问：为什么给用css给span定义高度和宽度后，它的宽度和高度仍然没有变化，好像失效了一样？ 其实这个问题很简单——先要认清span的属性，因为span属于内联元素，而内联元素是忽略宽度和高度的，明白了这一点解决就很简单了，解决的办法就是利用css将span变为盒...
html标签分为两种，内联元素和块级元素，首先我们先了解一下内联元素和块级元素的概念： 块级元素：一般是其它元素的容器，可容纳内联元素和其它块级元素，块级元素排斥其它元素与其位于同一行，可设置宽度(width)高度(height)属性，正常流中的块级元素会垂直摆放。常见块状元素为“div” 内联元素（行内元素）：内联元素只能容纳文本或者其他内联元素，是块级元素的后代，它允许其他内联元素与其位于同一行，不能设置高度（height...
1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] disabled：所有的表单元素，如select, radio, checkbox, button等 2）操作： readonly：不允许用户修改操作，不影响其它的任何操作 disabled：阻止用户一切操作，包括用户点击事件，获取焦点事件 3）表单提交： readonly：表单元素的值可以提交到服务器。 disabled：表单元素的值不会提交到服务器，即就是服务器获取不到此表单元素中的...
一般来说，不太可能在html文档中遇到极大的<ol>列表，本文只是纯粹技术探讨。 碰巧遇到这个问题就测试了一下。 测得这个极限是 [-2147483648, 2147483647]， 也就是 [ - 2^31 ~ 2^31 - 1 ] 浏览器具体又略有一些差异。 在IE10, Firefox上，序号达到极限正值2147483647之后，后续的列表项的序号全部同为极限正值 2147483647 不变。 2147483645. a2147483646. b2147483647. c2147483647. d2147483647. e2147483647. f 在Chrom...
代码如下: html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block; unicode-bidi: embed } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table...
这两天在做百姓网的笔试题的时候遇到了这样一个问题，用 HTML5 的新特性实现百姓网现有的一个模块，在百姓网中逛了一阵后最终选定了发布信息所用的表单模块，原因很简单，在 HTML5 中针对表单有很多新特性可以使用，这些新特性也很有实用性，毕竟有表单的地方实在是太多了，比如注册啦，登录啦，发帖啦......（喂，有点跑题了亲。） 这个时候，我看到原始网页中的表单里有这么个元素 我的第一反应就是，哈，input元素而已，用CSS定...
相信很多初学网页的朋友都和我一样，搞不明白HTML中元素、标签、属性之间到底是怎么定义的，元素和标签有什么区别。为了彻底弄明白，我特意搜索查阅了一些资料，现将我得出的结论写出来，分享给和我有着同样迷惑的网友们： 很多人可能都没有把哪个叫标签，哪个叫元素这个概念搞清楚，包括之前的我也是，一直都是混淆着。 事实上两者之间的概念还是很清楚的： 比如<p>这就是一个标签； <p>这里是内容</p>这就是一个元素，也就是说元...
块级元素(block)特性： •总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; •宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性： •和相邻的内联元素在同一行; •宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或图片的大小; 块级元素主要...
我是按照W3school上面的教程学习的，个人觉得教程很不错，每节都有小练习，加油！ 都是自己敲的代码，有的书上反对自己写代码，但是我觉得因为没有基础，自己写写还是有好处的，嘿嘿，个人意见不同吧。。 练习1： 代码如下: <html> <body bgcolor="yellow"> <h1 align="center">This is heading 1</h1> <h2 align = "left">This is heading 1</h2> <h3 align = "right">This is heading 1</h3> <h4>This is heading 1</h4> <h5>Thi...
在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空隙的BUG的常用方法归纳，供大家参考。1、将图片转换为块级对象 即，设置img为： display:block; 在本例中添加一组CSS代码： #sub img {display:block;} 2、设置图片的...
今天，这篇文章列举了圆形元素在网页设计中应用得非常好的例子，向您展示美丽的圆形按钮，菜单，图片和其他细节。你会看到，如果设计得当，圆形的应用可以让你的网站界看起来相当独特新颖。 Lucia Soto 圆形元素也可以作为布局的主题部分。Alexarts 多彩的圆形元素，非常漂亮。Cappen 主题图片以圆形轮廓为基础。Teixid 优雅漂亮的圆形元素。Cat Rabbit 头部和尾部都布置了圆形元素，挺不错。Awesome 显眼的圆形导航按钮。Youan...
一.概述 本文系统的讲解DOCTYPE元素.同时查证了很多的资料.因为互联网上面的资料比较杂乱,所以经过收集整理我进行了重新定义.比如对于DOCTYPE元素的定义.主要分为基础知识和高级知识.基础知识讲解基本的DOCTYPE知识. 高级知识很多来自网络收集, 主要是实际应用的一些技巧. 二.定义 DOCTYPE是文档类型(Document Type)的缩写, <!DOCTYPE> 元素用于声明一个页面的文档类型定义(Document Type Declaration, 即DTD).此元素声明位于文档...