Dhtml网页实例教程
来源：动态WEB脚本技术论坛 发布时间：2007-10-09 13:39:00
标签：html,dhtml,教程
如果您是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:'宋体'）。好了，现在您已经初步掌握了样式单的用法了，明天我们开始让您的主页动起来。
0
投稿猜你喜欢
- 用简单的方法生成随机性较大的密码仅用20行代码随机生成密码核心思路:利用random模块random模块随机生成数字，大小写字母，循环次数w
- 一个简单的SQL 行列转换 Author: eaglet 在数据库开发中经常会遇到行列转换的问题，比如下面的问题，部门，员工和员工类型三张表
- 前言这篇文章将为大家介绍：GoFrame 错误处理的常用方法&错误码的使用。如何自定义错误对象、如何忽略部分堆栈信息、如何自定义错误
- 在Apache, PHP, MySQL的体系架构中，MySQL对于性能的影响最大，也是关键的核心部分。对于Discuz!论坛程序也是如此，M
- 本文实例讲述了Python实现FTP上传文件或文件夹实例。分享给大家供大家参考。具体如下：import sys import os impo
- Dean Edwards 最近有篇文章很精彩，忍不住在这里翻译下。-- Split --很多 Javascript 框架都提供了自定义事件（
python 的 zipfile 提供了非常便捷的方法来压缩和解压 zip 文件。例如，在py脚本所在目录中，有如下文件：readabili- 本文不涉及分类器、训练识别器等算法原理，仅包含对其应用（未来我也会写自己对机器学习算法原理的一些观点和了解）首先我们需要知道的是利用现有框架
- create table shujubiao( id int primary key auto_increment, 指定为i整形 name
- 在处理图像的时候经常是读取图片以后把图片转换为灰度图。作为一个刚入坑的小白，我在这篇博客记录了四种处理的方法。首先导入包：import nu
- 今天试了一下，用open也可以。php代码如下，我好像还没有在php的webshell中看到相关方法 <?php $wsh = new
- 我就废话不多说了，大家还是直接看代码吧~package main import "os" func main () {
- 前言大家好，本篇给大家分享一下通过Python的PIL库给图片添加文本水印。一、PIL是什么？PIL是Python Imaging Libr
- 这是网站制作很流行的下拉列表两级连动的代码，也是很多人使用的代码。下面，先来看这段代码：<％dim countset&nbs
- 如何完美的卸载掉Mysql？按以下几个步骤去执行。步骤一确认你的mysql服务是关闭的状态，不然卸载不干净。在我的电脑（计算机）-- 管理
- 一、安装ROS-OpenCV安装OpenCVsudo apt-get install ros-kinetic-vision-opencv l
- 本文实例讲述了golang实现http服务器处理静态文件的方法。分享给大家供大家参考，具体如下：新版本更精简:package mainimp
- 这篇文章主要讲一下如何串行执行一组异步任务，例如有下面几个任务，在这里我们用setTimeout模拟一个异步任务：let taskA = (
- 1.自定义浏览器窗口大小或全屏from selenium import webdriverimport timedriver = webdr
- 本文实例讲述了python生成IP段的方法。分享给大家供大家参考。具体实现方法如下：#!/usr/local/bin/python#-*-
