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
投稿猜你喜欢
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2022-01-13 09:48:25
python中常见进制之间的转换方式
2021-08-15 13:27:48
python 8种必备的gui库
2021-10-28 21:10:01
交互设计实用指南系列(7)–避免迷路
2010-01-23 09:52:00
python获取文件后缀名及批量更新目录下文件后缀名的方法
2021-02-19 20:51:14
Python实现获取操作系统版本信息方法
2021-10-19 04:14:14
大家一起来折磨浏览器吧！(好玩的东东)
2010-02-07 12:40:00
python数字图像处理之高级滤波代码详解
2022-06-30 15:02:09
使用ODBC接口访问MySQL
2009-02-13 13:59:00
phpStorm2020 注册码
2024-05-11 10:07:19
解决asp中ADODB.Stream 0x800A0C93 错误
2008-01-08 19:28:00
FFrpc python客户端lib使用解析
2023-09-06 00:12:20
sqlserver获取各种形式的时间
2024-01-20 17:33:50
利用anaconda保证64位和32位的python共存
2021-07-23 09:18:24
阿里大于短信验证码node koa2的实现代码(最新)
2024-05-09 14:50:36
Python 限制线程的最大数量的方法(Semaphore)
2022-03-02 06:24:09
python中Tkinter复选框Checkbutton是否被选中判断
2023-10-20 16:41:19
python基于爬虫+django，打造个性化API接口
2021-06-22 01:06:19
深入浅析Python代码规范性检测
2023-08-23 21:16:55
对Python 文件夹遍历和文件查找的实例讲解
2021-11-05 22:29:25