初探 HTML 组件 - HTC 概述

<p><b>HTC 概述</b>
<p> 从 Internet Explorer 5 开始引入了 HTML 组件的概念， HTML 组件也是 Internet Explore 5.5 一个革命性的突破。Microsoft 的目的是用它取代 ActiveX 控件。HTML 组件是封装的对象，也像 ActiveX 控件一样是“自包含”的，可以在开发完后发布给任何人。HTC 文件并不仅仅是将一个 HTML 文件的扩展名换成 .htc，它含有脚本和 HTC 定制元素的集合。
<p>在 HTML 文件中，HTC 拥有和页面中其他的 DHTML 元素一样的访问方式。这就意味着所有 HTC 元素都可以通过 id 属性在脚本中调用，也就是说 HTC 元素的属性、方法都可以通过脚本来进行灵活的运用。
<p>您可以通过下面几种方式来执行 DHTML 行为：
<ul>
<li>定义属性和方法。在 HTC 中分别使用 PUBLIC:PROPERTY 和 PUBLIC:METHOD 元素来定义 HTC 的属性和方法。
<li>定义事件：通过 EVENT 元素定义，使用元素的 fire () 方法在它们所在的页面里引发这些事件。事件的环境可以通过 createEventObject () 方法设置。
<li>在它们所在的页面里访问 DHTML 对象模型。HTC 中的 object 元素返回它所附属的元素，通过这个对象，HTC 能访问他所在的文档及其对象模型 (属性、方法和事件)。
<li>接受通报。当使用 ATTACH 元素时，浏览器向 HTC 通报标准 DHTML 事件和两个 HTC 专有事件，oncontentready 和 ondocumentready。
</ul>

多层模式表单（CasCADing Style Sheet, CSS）是一种为超文本置标语言(HyperText
　　 Markup Language,
　　 HTML)提供增强补充服务的技术，可对每一个HTML的置标(tag)做精雕细刻的修饰。只用HTML制作的网页，对页面内各部分的修饰能力有限且语句烦锁，CSS正是弥补这一缺陷的有力技术，它语句、文法简单，只要在源码中插入STYLE语句就可轻易实现页面内任意文本颜色、背景、边框、行距、字距的添删和修饰等功能，使网页更加生动活泼，从而获得满意的效果。　　
　　---- CSS在HTML中以STYLE标识出现，其格式为：一对代表CSS 技术的STYLE置标，内放被修饰的HTML置标，置标的CSS属性放于紧随其后的一对大括号内，每个属性赋值用":"，多个属性之间用";"隔开，例：　　
　　< style >
　　a{text-decoration:none; color:yellow}
　　a:hover{text-decoration:underline; color:purple}
　　p{font-size:20; background:red; color:blue}
　　< /style > 　　
　　----
　　将如上代码插入任一HTML文档后，刷新显示，则所有锚点变为普通字体，颜色为黄，但当鼠标移至其上时，则锚点的提示字符变为带下划线的紫色字体；整个文档中被置标P包围的文字将以红底蓝字、字体大小为20个象素的形式出现。如果其中某段文字需另加修饰，可以单独的的形式出现，例如　　　　
　　< p style="font-size:30; font-weight
　　:bolder; background:white;color:blue" >
　　................
　　< /p > 　　
　　---- 则此段文字白底蓝字，30个象素大小，且字体加粗。随后是一个带有CSS技术的HTML文档的完整例子：　　
　　< html >
　　< head >
　　< title > 如何使用CSS < /title >
　　< /head >
　　< body >
　　< style >
　　a{text-decoration:none; background:red; color:yellow}
　　a:hover{text-decoration:line-through; background:lime}
　　h1{text-align:center; font-weight:900;
　　border-style:ridge; border-width:medium; border-color:red}
　　p.first{font-size:15; font-face:楷体;
　　color:blue; border-style:dotted;
　　border-width:thin; border-color:blue}
　　p.second{font-size:20; Word-spacing:10; background:aqua}
　　< /style >
　　< h1 > 带连框的题头1 < /h1 >
　　< a href=mailto:wow20000@hotmail.com?subject=CSS >
　　鼠标移至此处, 背景变化
　　< /a >
　　< p > 未加CSS修饰的段落 < /p >
　　< p class=first > 指定CSS修饰的段落 < /p >
　　< p class=second > 指定另一种CSS修饰的段落 < /p >
　　< /body >
　　< /html > 　　
　　---- 从上例的显示可以看出，CSS是HTML的一个补充，几乎可以对每一个HTML置标进行扩充，使网页充满活力，显示出更加完美的效果。

　　用过Word的人都知道Word有一个“项目符号和编号”的功能，用起来很方便。Dreamweaver3的属性面板也有一个类似有的“项目符号和编号”的图标按钮，产生自动列表功能，但它只有两种形式，即方块和阿拉伯数字。不过我们可以利用Dreamweaver3的CSS定义功能去重新定义“列表符号的格式”。下面以定义一个“大写罗马数字项目列表符号”为例来说明其使用方法：

　　1、按F7（或点击快速启动栏里那个象“八卦图”似的图标），调出CSS面板，选择“none”，再点击面板下部的编辑图标，在弹出的“Edit Style Sheet”对话框上按“New”按钮，在弹出的“New Style”对话框中选择“Redifine HTML TAG（重定义HTML标记）”后，在下面的“Tag”选择框中选择“ol”，按OK，立即弹出“Style Definition for ol”对话框，如下图所示：