- [ HTML学习 ] 深度分析:HTML5能否成为Flash终结者
点击:0 发布日期:02/04
苹果的iPhone与iPad对Flash的支持问题,一直在业界闹得沸沸扬扬。而乔布斯更是在员工大会上公开抨击Adobe,并声称,由于 Flash存在诸多软件问题,ipad将不再支持Flash技术。业界对Flash技术是否将退出历史舞台, HTML5是否将成为互联网标准等问题的大讨论,也渐渐浮出水面。
毋庸置疑,Adobe的 Flash技术帮助填补了跨平台多媒体在网络上体验的空白。除了卖的火热的iPhone和即将面世的ipad外,几乎在所有的其它操作系统,无论是台式机操作系统,还是手机操作系统或者是Web浏览器,可以找到Flash的身影。
Flash本身几乎就是一个标准,如果你怀疑这个看法,不妨在没有安装Flash播放器软件的的主机上访问网站,你很快就会看到Flash在互联网应用中是多么的普及。尽管Flash可以作为一种互联网的技术标准,但是,它仍然是一家供应商的专有技术。
HTML5相对于Flash,以及其它专属的开发平台,例如微软的Silverlight而言, HTML5的优点在于它是一种协议标准——或者至少在该项技术成熟后就可以成为标准,而不是象Flash那样,是一种单一厂商解决方案。
为了雇用开发人员创建和维护网站,中小型企业不得不支付大量的资金,即使资金总额或许并不庞大,但至少相对他们的总..
- [ HTML学习 ] 网站首页head区代码规范
点击:495 发布日期:08/03
head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签 :1.公司版权注释 <!--- The site is designed by Maketown,Inc 06/2000 ---> 2.网页显示字符集 简体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英 语:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.网页制作者信息 <META name="author" content="webmaster@maketown.com"> 4.网站简介 <META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx"> 5.搜索关键字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.网页的css规范 <LINK href="style/style.css" rel="stylesheet" type="text/css"> (参见目录及命名规范) 7.网页标题 <title>xxxxxxxxxxxxxxxxxx</title> 可以选择加入的标签: 1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。 <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 2.禁止浏览器从本地..
- [ HTML学习 ] HTML组件(HTML COMPONENTS)之二
点击:1306 发布日期:08/03
===定义标记和命名空间=== HTC的基础是自定义标记,自定义标记的第一次出现是在IE5。0中,它可以让WEB作者通过与结构关联的一系列样式来定义文挡结构,例如:您可以定义一个新标记<RIGHT>(段落右对其) <HTML XMLNS:DOCJS> <HEAD> <STYLE> @media all { DOCJS\:RIGHT {text-align:right; width:100} } </STYLE> </HEAD> <BODY> <DOCJS:RIGHT> Read Doc JavaScript's columns, tips, tools, and tutorials </DOCJS:RIGHT> </BODY> </HTML> 在Internet Explorer中您要为页面定义自定义标记,必须为该标记提供命名空间,自定义标记是基于XML符号的XML命名空间,正如以下所示。我们使用DOCJS命名空间: <HTML XMLNS:DOCJS> XMLNS是XML NameSpace的缩写,我定义了一个叫做RIGHT的自定义标记,要使用该标记必须在该标记前加上正确的XML命名空间前缀:DOCJS:RIGHT,如果命名空间未定义,则在文档解析时,自定义标记将作为未知标记处理尽管页面有未知标记,但不会导致错误,不影响别的标记,并且没有任何行为可以应用在其上,你可以在单个HTML标记中定义多个命名空间: <HTML XMLNS:DOCJS XMLNS:DOCJAVAS..
- [ HTML学习 ] HTML组件(HTML COMPONENTS)之九
点击:573 发布日期:08/03
====日历主页面===
<head>
<title>Calendar Example</title>
<?IMPORT NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/>
</HEAD>
<BODY>
<P>Click a day in the calendar to add or modify your schedule.</P>
<MYCAL:CALENDAR></MYCAL:CALENDAR>
</BODY>
</HTML>
===CALENDAR HTC===
<HEAD>
<?IMPORT NAMESPACE="ANYDAY" IMPLEMENTATION="day.htc"/>
<?IMPORT NAMESPACE="TODAY" IMPLEMENTATION="today.htc"/>
<PUBLIC:COMPONENT tagName="CALENDAR">
<ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/>
</PUBLIC:COMPONENT>
<SCRIPT LANGUAGE="JavaScript">
<!--
function fnInit() {
defaults.viewLink = document;
}
// -->
</SCRIPT>
<STYLE>
TD {
background-color:tan;
width:50;
height:50;
}
</STYLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
// Copyright 1997 -- Tomer Shi..
- [ HTML学习 ] 网页设计中HTML常犯的五个错误
点击:2187 发布日期:02/14
1.网页背景色的设置
犯错机率:很大
普遍性:较广
犯错可能性:懒/不知道
约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Email通知了他们,自此之后这个问题我从没犯过。
绝大部分人的窗口背景颜色都是白色,但如果象我这样个性的人,就会把windows窗口的背景颜色改成灰色或其他色,这样一来,如果你没有设置网页的背景颜色的话,你以为正常的网页在我的电脑上看起来会是一团糟。
2.Aligncenter(自动居中)的滥用
犯错机率:非常大
普遍性:非常广
犯错可能性:以为方便/以为好用
工作中,修改、维护别人的网页是家常便饭,发现不少人有一个陋习:
在表格中的文字或图片,你是这样来令它居中、靠左或靠右过?
<div align="center">大家好啊!!</div>
<div align="center"><img src="xx.gif"></div>
当有些表格很多、文字很多、内容分得很细的时候,爱用这种方法(它在DW里的快捷键是Ctrl+Alt+C,FP不知道是什么)的人往往会狂用,惨了,我一碰到这样的网页就头痛,为什么要用那么多<div>来居中呢?tellmewhy?难道表格没有居中属性吗?为什么要加入这些垃..
- [ HTML学习 ] HTML之框架标记
点击:10713 发布日期:12/16
■ 框架标记
<FRAMESET> <FRAME> <NOFRAMES> <IFRAME>
欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 也请先明白围堵标记与空标记的分别,请看 【HTML概念】。
■ 框架概念 :
谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可,面所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何分割 ,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档案 面不是其他框窗的档案。<FRAMESET> 是用来划分框窗,每一窗框由一个 <FRAME> 标 记所标示,<FRAME>必须在 <FRAMESET> 范围中使用。如下例:
<frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html"> </frameset>
此例中 <FRAMESET> 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示 me2.html 这档案,<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序。
■ <FRAMESET> <FRAME> :
▲Top
以上..
- [ HTML学习 ] HTML 基本语法
点击:13069 发布日期:12/16
1.1一般标记 一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成,其语法为:<x>受控文字</x> 其中,x代表标记名称。<x>和</x>就如同一组开关:起始标记<x>为开启(ON)的某种功能,而结束标记</x>(通常为起始标记加上一个斜线/)为关(OFF)功能,受控制的文字信息便放在两标记之间。例如:<i>这是斜体字</i>。 标记之中还可以附加一些属性(Attribute),用来完成某些特殊效果或功能。例如:<x a1="v1",a2="v2",...,an="vn">受控文字</x> 其中,a1,a2,...,an为属性名称,而v1,v2,...,vn则是其所对应的属性值,属性值加不加引号,目前所使用的浏览器都可接受,但依据W3C的新标准,属性值是要加引号的,所以最好养成加引号得习惯。 1.2 空标记 虽然大部分的标记是成双成对出现的,但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为:<x> 同样,空标记也可以附加一些属性(Attribute),用来完成某些特殊效果或功能。如:<x a1="v1",a2="v2",...,an="vn">,例如:<hr>,<br>等。 W3C定义的新标准(XHTML1.0/HTML4.0)建议:..
- [ HTML学习 ] 关于iframe的透明背景
点击:16491 发布日期:12/16
注意:以下效果必需IE5.5以上版本才支持 在transparentBody.htm文件的<body>标签中,我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME> <IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME><IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME><IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>
- [ ] 数学表达式的计算——如何捕捉异常
点击:733 发布日期:12/16
在写程序的过程中,难免会出现各种各样的情况,有的情况也许不是我们想要的。有的人也许会用很多判断要严格控制程序,使其不会出现异常情况,但这样做可能会增加写程序的难度。其实我们还可以用一种更加简便的方法,那就是异常。在程序中合理的使用异常将使你在写程序中省去很多烦恼。在Delphi中,Borland 已经为我们定义了很多异常的类,我们可以直接使用。但是如果我们不去管异常的话,会使程序的的界面乱七八糟,下面就介绍两种常用的异常捕捉方法。
关于计算数学表达式,不同的人有自己不同的做法。有的用解析表达式的方法,那种方法需要有编译的知识,下面用的方法很简单,没有几个代码便可以进行复杂的运算。如果表达式中有错误,还可以弹出对话框提示,指出相应的错误。本程序所用的就是标准的SQL语句,支持很多运算,基本运算如:加、减、乘、除、整除;逻辑运算如:AND、OR、XOR、NOT;数学运算如:COS、SIN等。另外还有字符串运算,不过那没什么意义,如你输入“Left('Abcd',2)”,它就会计算出“=Ab”。由于本程序本照着上面所述的宗旨,没对这些做太多的限止,有兴趣的朋友可以事先先检查表达式的语法,然后再交给本..
- [ ] 导入电影的控制
点击:581 发布日期:12/16
1,禁止导入电影,写在第一桢上_root._name = "nn";this.onEnterFrame = function() { if (this._name != "nn" || _root.getDepth() != -16384) { this.unloadMovie(); }};2,只能导入,不能直接播放_root.onLoad = function() { if (this._level == _level0 || _parent == undefined) { loadMovieNum("", 0); }};3,导入完毕,控制电影属性,设导入电影剪辑mc中_root.onEnterframe=function(){if(mc._width!=0){所设属性}}4,使导入的图片在一定大小onClipEvent &n..
- [ ] 电影剪辑属性详解
点击:698 发布日期:12/16
这是来自北京希望电子出版社的《FLASHMX ActionScript标准教程》 在Macromedia Flash MX 动作面板中开辟了一个专门的Properties(属性)分类来方便用户调用属性。这些属性可以应用于时间轴、电影剪辑和按钮对象,如图:_alpha 电影剪辑实例的透明度值。透明度值的取值范围为0~100。0表示完全透明,100表示完全不透明。在舞台上可以通过属性检查器设置对象的透明度属性,如图:提示:透明度为0的对象虽然不可见,但是它仍然处于激活状态。按钮被单击依然会有响应。_currentrfame 播放磁头当前位置的帧编号。时间轴中的帧编号以5为单位递进。 _droptarget 使用斜杠语法表示的电影剪辑实例的绝对路径。该电影剪辑实例将作为可拖动电影剪辑的目标投放位置。_focusrect 指示具有焦点的电影剪辑是否有黄色矩形环绕,该属性默认值为true。_framesloaded 从流式电影中载入的帧数。_height &nbs..
- [ ] 按钮的制作
点击:704 发布日期:12/16
今天我们来做一个按钮,这个按钮是闪吧原文件里提供的,因为有很多的朋友还是不太熟悉按钮的制作,所以特别写了这个教程。首先从最简单的,按钮制作开始讲解。先来做一个简单的按钮,按钮是分四种状态的,分别是:up,over,down,hit.用中文来解释,就是原始状态,经过时的状态,按下去的状态,点击状态。一般最后一个状态经常在做隐形按钮时用到。1.新建一个文档,大小为140*21,选择插入一个新符号,类型选择按钮。点确定,这样我们就进入了按钮的编辑状态,这时候我们可以看到按钮的四个状态,同时只有原始状态上有一个白色的圆圈,这表示我们可以在里面放入图形,选择矩形,我们在舞台上拖出一个矩形,当然你可以放置任何你想要的图形,导入到库中的经过处理的图象也可以。。我们可以分别选中按钮的另外三个状态,按右键插入空白关键帧,分别放入我们想要的图形。3。在这里我在经过状态放入的是一个电影剪辑,后面我们将做这个电影剪辑,现在先看一下效果。4。把我们刚才做好的按钮拖入主场景,按ctrl+enter测试效果。[全屏欣赏]这个按钮的效果是当鼠标经过的时候,会有一个黑色的渐变划过. 现在我们做这个黑色渐变的效果。1。新建一个符号,类型选择图形,名字为矩形,按确定..
- [ ] FLASH2004时间轴特效的应用
点击:655 发布日期:12/16
时间轴特效可以应用于以下的对象:文本、图形、位图、按钮图符,给一个按钮添加时间轴特效时,FLASA会新建一个层,然后把该对象传送到新建的层。添加时间轴特效时,在图符库中会添加一个以特效名命名的文件夹,内含该特效所用的元素。(对电影剪辑应用时间轴特效时,FLASH在电影剪辑内部嵌套特效) 点击浏览该文件1、看看如何应用吧,本文以一个文本为例,先在场景中创建一个文本“闪吧教材区”,并将它转化成影片剪辑(按F8)。2、然后选择插入——时间轴特效——效果——分离,如图:3、在显示的特效设置中可预览默认设置的预览,如果不满意可以自己设置参数,然后选择更新预览观看更改后的效果。如图:分离特效的基本参数:效果持学的时间:选择效果持续的帧数分离方向:点方向按钮,可设置分离特效的运动的方向弧线大小:设置x方向和y方向的偏移量。碎片旋转量:设置碎片的旋转方向碎片大小更改量:改变碎片的大小最终的Alpha:设置最终的透明度百分数4、如果感觉满意单击确定按钮。FLASH将在时间轴自动添加创建特效所需的帧,如果你对添加的不满意,在选定的对象上右击,在快捷菜单中选择时间轴特效——编辑特效,或在修改菜单下修改。如图:其它的时间轴特效的用法和这个..
- [ HTML学习 ] HTML彻底剖析:一般概念
点击:1588 发布日期:12/16
■ HTML 一般概念:
这节将简单介绍 HTML。
全称:HyperText Mark-up Language 译称:超文本标记语言。 简意:一种为普通文件中某些字句加上标识的语言,其目的在于运用标记(tag)合文件 达到预期的效果。
HTML 是在 SGML 定义下的一个描述性的语言,或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言,如 C++ 和 Java 之类,它只是标记语言,基本上你只要明白了各种 标记的用法便算学懂了 HTML,HTML 的格式非常简单,只是由文字及标记组合而成,于 编辑部方面,任何文字编辑器都市可以,只要能将档案存为文本格式即可, 用专门的网页编辑工具当然更好。
■ 阅读须知:
这一篇【HTML彻底剖析】偏重于标记的介绍,考虑到易懂及每节的篇幅问题,我并不按 W3C 的 HTML 分类,这可令你更易选择有兴趣的标记,其中只有【文件标记】是必须的,其余可任意选择。这一篇不会提及任何网页编辑软件,只要你掌握了 HTML ,任何网页编辑工具都可以变成一把利器。(就好像只要你有深厚内功,树叶同样可以杀人)
■ 标记写法:
·任何标记皆由"<"及">"所围住,如 <P> ·标记名与小于号之间不能留有空白字元。 ·有些标记..
- [ HTML学习 ] HTML彻底剖析:标记一览
点击:2374 发布日期:12/16
标记一览
标记
类型
名称或意义
作用
备注
文件标记
<HTML>
●
文件宣告
让浏览器知道这是 HTML 文件
<HEAD>
●
开头
提供文件整体信息
<TITLE>
●
标题
定义文件标题,将显示于浏览器顶端
<BODY>
●
主体
设计文件格式及内容所在
排版标记
<!--注解-->
○
说明标记
为文件加上说明,但不被显示
<P>
○
段落标记
为字、图、表格等之间留下一空白行
<BR>
○
换行标记
令字、图、表格显示于下一行
<HR>
○
水平线
插入一水平线
<CENTER>
●
居中
令字、图、表格等显示于中间
反对
<PRE>
●
预设格式
令文件按原代码的排列方式显示
<DIV>
●
定位标记
设定字、图、表格等的摆放位置
<NOBR>
●
不换行
令文字不因太长而换行
<WBR>
●
建议换行
预设换行部位
字体标记
<STRONG>
●
加重语气
产生字体加粗 Bold 的效果
<B>
●
粗体标记
产生字体加粗的效..
- [ HTML学习 ] 在IE中为abbr标签加样式
点击:493 发布日期:12/16
原文:http://www.sovavsiti.cz/css/abbr.html
翻译:JunChen
版权:译者JunChen所有,转载请联系译者。
简介
<abbr>是用来为web页面上的简称(译者注:这里把简称和缩写分开而论,简称范围比缩写大,取首字母的缩写用<acronym>标签)添加适当标注的XHTML标签,Windows的IE浏览器暂不支持<abbr>标签。 在IE里,你可以应用CSS给<acronym>但是不能应用给<abbr>标签,IE会为<acronym>标签的title属性显示提示,但是会忽略<abbr>标签。
这个IE的bug(或者特色)使得一些网站人员认为<abbr>标签一点用都没有,而显然这么认为是不对的。在Mozilla和Opera里还是很正确的处理了这个标签,并且它对于web内容的可读性和语义化来说非常重要。这也是我为什么一直在寻找解决方法,最终我找到了。
解决方法
本方法基于一个简单的事实:即使IE会忽略<abbr>标签,但是其他嵌套在<abbr>标签里的标签还是正常的。所以我在嵌了一个<span>标签在<abbr>里,设置<span>的title和class属性,然后<abbr>开始变得和<acronym>标签一样了。
代码例子
看一下下面的代码,是一个简单的缩写词的例..
- [ HTML学习 ] HTML4标签的默认样式列表
点击:652 发布日期:12/16
原文来自:W3C (http://www.w3.org/TR/CSS21/sample.html)
感谢Junchen提供本信息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 }
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-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell; }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
body { margin: 8px; line-height: 1.12 }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 ..
- [ HTML学习 ] 在网页编辑常用表现的实现方法
点击:807 发布日期:12/16
制作网页的时候会经常碰到一些需求,如果不知道方法,说不定会困扰我们半天。一起来看看这些常用的网页编辑方法。
取消文本居中
在编排网页文本时,你可能会遇到这样的问题:只想让一行字符居中,但其它行的字符却会跟着也变成居中了。其实,这是因为在Dreamweaver MX中进行居中、居右操作时,默认的区域是P、H1-H6、Div等格式标识符,如果你的语句没有用标识符隔开,Dreamweaver MX就会将整段文字均作居中处理。解决方法就是将想要居中的文本用<P>……</P>隔开。
让链接文字有提示信息
当鼠标停留在链接上时,在光标的右下方有时会出现一个提示信息框,对该链接进行一定的注释说明。这样的效果在网页制作中也是很重要的。下面就来看看添加链接信息的方法。我们可以通过添加HTML代码来实现。 在<a href=“”>中添加“Title”属性,“Title”后面添加提示内容即可。例如: <a href="http://soft.cpcw.com" title="天极网软件频道">。
快速调用时间轴
使用Dreamweaver MX制作网页的朋友都知道,新安装的Dreamweaver MX在快速启动面板中没有时间轴,如果要急着用它的话该怎么办?这里有一个快速调用时间轴的方法..
- [ HTML学习 ] HTML语言入门之六:链接
点击:4786 发布日期:12/16
链接可说是HTML中最重要的功能!因为HTML拥有链接的功能,使你能接上INTERNET、WWW ……享受多姿多彩的网络世界。
基本上链接分成 :
外部链接——链接至网络的某个URL网址或文件,可参考考网络链接方式。内部链接——链接HTML文件的某个区段。
网络链接方式
网络链接方式 : //主机名称 / 路径 / 文件名称
网址 如 : http : //www.los4.net/
文件传输 如 : ftp : //ftp.los4.net/
GROPHER 传输 如 : gropher : //www.los4.net/
远端登入 如 : telnet : //www.los4.net
文件下载 如 : file : //data/html/file.zip
NET NEWS 传输 如 : news : www.los4.net
E-Mail 如 : mailto : pcedu@pconline.com.cn
常用链接标记
<BASE> 设定基本URL位置或路径,以後只要设定文件名称即会自动加上位置或路径。
相关属性 : ·HREF 链接的URL位址或文件·TARGET 指定链接到的URL位址或文件显示于那一个视窗 ( 可和 <FRAME> 视窗标记配合使用或开新的视窗 )
如 : <BASE HREF="http : //www.los4.net/"><A HREF="kk.htm">■</A>
<BASE HREF="http : //www.los4.net/" TARGET=frame1>
<A>...</A> 链接指令。..
- [ HTML学习 ] HTML语言入门之七:框架
点击:4953 发布日期:12/16
框架架构的标记,主要是分割窗口和插入浮动窗口的功能。如果能有效的运用将有助于浏览网页的效率!
常用窗口标记
<FRAMESET>...</FRAMESET> 定义分割窗口。 相关属性 : ·BORDER 边框·COLS 行 , 设定分割左右窗口宽度 ( 用『,』分隔,可设百分比 % ;『*』表示剩余部份 )·FRAMEBORDER 显示边框·ROWS 列 , 设定分割上下窗口高度 ( 用『,』分隔,可设百分比 % ;『*』表示剩余部份 )
<FRAME> 定义窗口。 相关属性 : ·FRAMEBORDER 显示边框·NAME 名称 ·NORESIZE 设定是否可以调整窗口大小·SRC 文件或URL位址·SCROLLING 设定是否可以卷动
<NOFRAMES>...</NOFRAMES> 无支援分割窗口浏览器显示文字。 <IFRAME>...</IFRAME> 插入浮动窗口。 相关属性 : ·BORDER 边框·FRAMEBORDER 显示边框·NORESIZE 设定是否可以调整窗口大小·SRC 文件或URL位址·SCROLLING 设定是否可以卷动
举例
如 : 本站窗口架构。( 先分割成上下窗口,再于窗口各分割成左右窗口。 )<FRAMESET ROWS=74,* COLS=140,* FRAMEBORDER=NO BORDER=0><FRAME SRC=rad.htm NAME=RAD NORESIZE SCROLLING=NO><FRAME SRC=a-1.htm NA..
- [ HTML学习 ] HTML语言入门之八:链接
点击:4020 发布日期:12/16
现在的网站没有用图片的,几乎很少了吧!图片增加了网站版面的美观,不过也不要放了大量的图片,而拖慢网站传输的效率喔!
有关设定图片的方法共有以下几种 :
设定HTML文件背景图片、背景颜色。<BODY>...</BODY>标记。如 : <BODY BACKGROUND=A.GIF>...</BODY> 或<BODY BGCOLOR=#000000>...</BODY>
设定图片。<IMG>标记。
设定地图。<MAP>...</MAP>标记。
常用图片标记
<IMG> 指令
相关属性 : ·ALIGN 调整·ALT 提示字·BORDER 边框·HEIGHT 高度·SRC 文件或URL位址·USEMAP 地图名称·WIDTH 宽度
如 : 可插入图片 ( GIF、JPG格式 )、AVI电影<CENTER><IMG SRC="../../../images/pcedu_lo.gif" ALT="太平洋网络学院" ALIGN=TOP BORDER=1></CENTER>
<MAP>...</MAP> 地图
相关属性 : ·NAME 名称
<AREA> 设定地图动作区域
相关属性 : ·COORDS 设定动作区域座标 ( 左上角座标 : X1,Y1 ; 右下角座标 : X2,Y2 )·HREF 动作区域连结点 ( 可载入位址或文件 )·NOHREF 动作区域连结点不动作·SHAPE 外型
举例
设定地图<IMG BORD..
- [ HTML学习 ] 让网页的背景图像固定
点击:1809 发布日期:12/16
很多朋友的主页都用了背景图像,可是往往在拉动滚动条时,背景图像会随着文字一起上下移动,这在有的时候会很不方便,最好是将其设置为固定,方法:在背景图像的属性中加入"固定"一值,即< body backgroud="***.jpg" bgproperties="fixed">
- [ HTML学习 ] 自MSDN非常详细的IMG,IFRAME的属性参考手册
点击:1678 发布日期:12/16
I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象IFRAME 元素 | iframe 对象--------------------------------------------------------------------------------创建内嵌浮动框架。成员表下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。 标签属性/属性 显示: 标签属性/属性 行为 集合 事件 滤镜 方法 对象 样式 标签属性 属性 描述 ALIGN align 设置或获取表格排列。 ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。 APPLICATION APPLICATION 表明对象的内容是否为 HTML 应用程序(HTA),以便免除浏览器安全模式。 ATOMICSELECTION 指定元素及其内容是否可以一不可见单位统一选择。 BEGIN begin 设置或获取时间线在该元素上播放前的延迟时间。 BORDER border 设置或获取框架间的空间,包括 3D 边框。 canHaveChildren 获取表明对象是否可以包含子对象的值。 canHaveHTML 获取表明对象是否可以包含丰富的 HTML 标签的值。 CLASS className 设置或获取对象的类。 contentWindow 获取指定的 frame 或 iframe 的 window 对象。 DATAFLD dataFld 设置或获取由 dataSrc 属性指定的绑定到指定对象的..
- [ HTML学习 ] HTML-加速、再加速
点击:1812 发布日期:12/16
web开发人员是否必须掌握复杂的组件技术才能加快html页面的访问速度?答案是:不一定!实际上,有许多关于HTML与DHTML方面的技巧,它们原理简单而且上手容易。无论是技术高超的老手,还是初涉编程的菜鸟,领会这些都十分必要。
明显HTML,暗渡“公用脚本”
减少web页面下载时间的关键就是设法减小文件大小。当多个页面共用一些成分内容时,就可以考虑将这些公用部分单独分离出来。比如:我们可以将多个HTML页面都用到的脚本程序编写成独立存在的.js文件,然后再在页面中按如下方式调用它:
<script src="myfile.js"></script>
这样,公用文件只需要下载一次,然后就进入缓冲区。等下次再次调用包含公用文件的html页面时,下载时间明显减少。
让样式表内容进入地下工作
CSS是HTML装扮器,一个漂亮的Web页面不可能没有它。HTML页面中有多种引用CSS的方法,不同的方法导致的效率也不一样。通常,我们可以将定义于<style></style>间的样式控制代码提取出来,保存到单独的.css文件中,然后在HTML页面中以<LINK>标记或者@import标记的方式进行引用:
<style> @import url("mysheet1.css"); </style>
请注意2点:1、.css文件中无..
- [ HTML学习 ] “mailto”标签四则应用技巧
点击:714 发布日期:12/16
大家知道,mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子邮件客户端软件,例如OutLook Express以及Foxmail等。当然有关mailto标签的使用,并不仅仅就象上面所说的那样简单,它还有其他方面的应用。为了能帮助各位用户对mailto标签有一个全面的认识,笔者在此就对mailto标签的使用做一个详细的总结,希望能与大家共享交流! 1、如果我们在网页中创建一个形如“mailto: aaa@21cn.com”这样的超级连接时,用鼠标单击一下该超级连接的话,浏览器会自动调用系统默认的邮件客户端程序,同时在邮件编辑窗口的收件人设置栏中自动写上收件人的地址,而其他的内容都是空白,留给访问者自行填写; 2、要是大家在单击电子邮件超级连接时,希望系统自动打开的电子邮件编辑窗口中,除了在收件人地址栏中自动填写上内容外,在抄送地址栏中也能自动填写上自己需要的电子邮件地址的话,就可以直接在网页的html源代码中插入形如“mailto: aaa@21cn.com?bbb@21cn.com”这样的语句,其中aaa@21cn.com将..
- [ HTML学习 ] 添加网站的icon
点击:1294 发布日期:08/30
访问一些大型网站的时候,常常可以在 Web 浏览器的地址栏中看到该网站定制的图标(像新浪、网易、Google 等等 ... ),而自己架设的 Web server 确无法显示可定制图标,该如何设置呢?
一直以来我以为需要在 Web Server 端设置,就找遍了 Apache httpd Server 的配置文档,上看下看,一直没有找到,令人沮丧。今天,无意间在网上发现一篇帖子,说的就是如何设置 WebSite’s Icon,自己测试了一下,It’s work!令人开心,写出来和大家分享一下。
1、你要自己定制一个 Website’s Icon ,规格为: 16×16 pixel bitmap,命名为 favicon.ico (为什么叫这个名字后面会讲到),放置在网站的根目录下。
2、在你的网页中添加以下代码段:<head><link rel="shortcut icon" type="image/ico" href="http://www.mydomain.com/favicon.ico"></link></head>3、在客户端打开你的网页,好好欣赏你的 Website’s Icon 吧。
将 Icon 命名为 favicon.ico 并放在 WebServer 的根目录下是因为当用户端使用的是 IE 浏览器,并且用户将你的网站保存到收藏夹中时,IE 浏览器会自动搜索 Web Server 的根目录,查找是否有 favicon.ico 文件,如果有,就作为收藏夹该页面..
- [ HTML学习 ] 收藏夹图标制作
点击:1199 发布日期:08/21
可能很多朋友都已经注意到了,当你将某些门户网站(比如新浪、网易、YAHOO中国等)添加到收藏夹以后,在收藏夹里显示出来的并非普通的IE图标,而是这些网站制作精美的标志(如图1),这样做的好处是不言而喻的,当用户收藏夹里查看时,眼球很容易被这些花花绿绿的图标所吸引,鼠标也就不自觉地往上面点了!
其实实现起来也很简单,你只需要制作一个能体现个性的图标,命名为favicon.ico,然后将其放在Web根目录上就可以了。
- [ HTML学习 ] HTML语言入门之九:框架
点击:4572 发布日期:08/21
HTML不仅能插入图片,也可以载入MIDI音乐、WAV 音效喔!
常用音乐标记
<BGSOUND> 背景音乐、音效。
相关属性 : ·LOOP 循环 , 背景音乐播放次数·SRC 文件或URL位址 (可为WAV、MIDI格式 )
如 : <BGSOUND SRC=m-1.mid LOOP=True>
内嵌音乐插件
<EMBED>...</EMBED> 内嵌插件。
相关属性 : ·HEIGHT 高度·WIDTH 宽度 ( 可设百分比% )·SRC 设定内嵌物件的 URL 位址·LOOP 循环 , 背景音乐播放次数·AUTOSTART 自动播放
如 : <EMBED SRC=m-1.mid WIDTH=145 HEIGHT=60 AUTOSTART=True LOOP=True></EMBED>
- [ HTML学习 ] HTML语言入门之四:标示
点击:3713 发布日期:08/21
HTML提供许多种类的标示标记,作项目标示,而且可以作巢状式标示!
常用标示标记 <LI> 标示项目。
如 : <OL><LI>第一项<LI>第二项</OL>
第一项
第二项
<OL>...</OL> 编号标示,可标示数字或英文、罗马字母。
如 : <OL TYPE=I><LI>第一项<LI>第二项</OL>
第一项
第二项
<UL>...</UL> 符号标示,可标示数字或英文、罗马字母。
如 : <UL><LI>第一项<LI>第二项</UL>
第一项
第二项
<DT> 定义项目。
<DD> 定义资料。
<DL>...</DL> 定义标示。
如 : <DL><DT>十进制 :<DD>0、1、2、3、4、5、6、7、8、9<DT>十六进制 :<DD>0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F</DL>
十进制 :
0、1、2、3、4、5、6、7、8、9
十六进制 :
0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F
巢状式标示 如 : <OL>
<LI>第一章
<OL TYPE=i>
<LI>第一节
<UL>
<LI>第一..
- [ HTML学习 ] HTML语言入门之三:表格
点击:7553 发布日期:08/21
表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。
常用表格标记
<TABLE>...</TABLE> 表格指令。
相关属性 : ·ALIGN 调整·BGCOLOR 背景颜色·BORDER 边框·HEIGHT 高度·WIDTH 宽度
<CAPTION>...</CAPTION> 表格标题。
相关属性 : ·ALIGN 调整
<TR>...</TR> 表格列 ( </TR>可省略 ) 。
相关属性 : ·ALIGN 调整
<TH>...</TH> 表格栏标题 ( 表头 ) 粗体字 ( </TH>可省略 ) 。
相关属性 : ·ALIGN 调整·COLSPAN 栏宽·ROWSPAN 栏高
<TD>...</TD> 表格栏资料 ( 储存格 ) ( </TD>可省略 ) 。
相关属性 : ·ALIGN 调整·BGCOLOR 背景颜色·HEIGHT 高度·WIDTH 宽度·COLSPAN 栏宽·ROWSPAN 栏高
举例
如 : ( 基础型 ) <TABLE BORDER=1 ALIGN=CENTER><TR><TD>流年设计<TD>流年设计<TR><TD>流年设计<TD>流年设计</TABLE>
流年设计
流年设计
流年设计
流年设计
如 : ( 加强型 ) 增加背景颜色、表..
- 共有83条信息 1 - 30 1/3页 30个/页 上一页 下一页