Dhtml网页实例教程
来源:动态WEB脚本技术论坛 时间:2007-10-09 13:39:00
如果您是HTML的初学者,请您先自学HTML。因为DHTML是现有的HTML技术的一个综合,所以HTML语言对学习动态HTML是非常重要的。
自从HTML 4.0出现以后,引入了“层叠样式表”(CSS),于是网页制作者能够随心所欲地对自己的网页进行外观和动态的设计,并且使网页具有交互性。其实动态Html(DHtml)并不是一种专门的技术,而是Html技术的一个综合,说白了就是一种技巧,但往往是这样或那样的小技巧使我们的网页变得更加好看、实用。好了,废话少说,下面开始以实例来说明动态HTML在网页设计中的应用。
例1 使用<style>和</style>标志对修饰文本
<html>
<head>
<title>DHtml举例1</title>
<style>
h2 {font-family:"宋体";color:"blue";font-size:"12pt";text-align:"center"}
</style>
</head>
<body>
<h2>被修饰文本</h2>
</body>
</html>
本例中,我们使用了<style>和</style>标志对来修饰文本,请留意蓝色字,<style>和</style>标志对是加在<head>和</head>标志对之间的,而加上<!--和-- >是为了让不支持<style>和</style>标志对的浏览器跳过样式表,否则可能会出错。本例先对< h2>< /h2>标志对中的文本样式在< style>和< /style>标志对中进行定义,于是在后边<h2></h2>中就依样式表定义的内容对文本进行修饰。font-family定义字体,font-size定义字体大小,text-align定义文本对齐方式,color定义前景颜色。
除此之外,我们还可以采用另一种方法来实现。请看下边的例子。
例2 直接用style属性修饰文本
<html>
<head>
<title>DHtml举例2</title>
</head>
<body>
<h2 style="font-family:’宋体’;color:blue;font-size:12pt;text-align:center">被修饰文本</h2>
</body>
</html>
务必注意font-family后是用单引号来定义字体的(font-family:'宋体')。好了,现在您已经初步掌握了样式单的用法了,明天我们开始让您的主页动起来。
标签:html,dhtml,教程
0
投稿
猜你喜欢
安装MySQL的步骤和方法
2009-07-30 08:38:00
Mozilla专有JavaScript扩展之一(__noSuchMethod__)
2009-03-01 12:45:00
浏览器右下角弹出提示窗口
2008-10-30 12:37:00
将图片读入到Dom中,并将其存为xml文件
2008-09-04 11:24:00
有效地使用 SQL事件探查器的提示和技巧
2009-01-15 13:39:00
企业网站FLASH引导页存在的意义
2008-06-04 11:09:00
数据库手边系列:SQL Server数据表信息
2009-05-24 18:26:00
ASP 禁用清除页面缓存
2008-07-21 12:43:00
按钮表状态还是表动作?
2009-03-23 18:21:00
CSS设计之如何让数字字母自动换行
2007-10-19 15:12:00
Oracle9i数据库异常关闭后的启动
2010-07-21 12:46:00
ASP中使用存储过程介绍
2008-10-10 12:10:00
jQuery技巧
2009-09-27 12:28:00
一个不错的javascript加密解密算法源码
2010-03-28 13:12:00
中国,美国,英国3国时间同步动态显示js代码
2007-09-27 20:34:00
极致之美——百行代码实现全新智能语言Lisp
2010-07-13 13:07:00
div、section、article 的区别
2011-02-26 15:39:00
SQL Server 2008主要功能在兼容性上的问题
2009-03-25 16:43:00
Javascript中Eval函数的使用
2008-12-04 16:41:00
shtml网页SSI使用详解
2008-02-20 19:13:00