第八章 网页置标语言(new).ppt

无multiple示例效果图： 有multiple示例效果图： 8.7.3 文本输入区 textarea/textarea的属性： Name Cols Rows wrap blank/blank文本闪烁标签 !--注释 --注释标签 bgsound src=# #=WAV 文件的 URL　bgsound loop=##=循环数 增加背景音乐 marquee ... /marquee设置文字滚动标签 8.8 其他标签 8.9 DHTML与CSS 8.9.1 CSS－P初步 1. div 标签 html head titleDHTML示例/title style type=text/css !-- #cuug{ position: absolute； border:1px #0000FF solid; Css 示例： width:140px; height:20px; } -- /style /head body div id=cuug 中国UNIX用户协会 /div /body /html Css 示例： 2.CSS有以下一些属性 positio Left Top Width Height Clip Visibility Z-index Background-color Layer-background-color background-image layer-background-image 3.CSS的语法 使用“：”来分离属性和值 用“；”来分开各种 不同的属性 在CSS中属性定义可以写在一行也可分几行写 CSS可以在div内也可在div外 8.9.2 通用JavaScript JavaScript在Internet Explore和Netscape 中的语法区别 Netscape中要访问CSS－P的属性用以下两种语法： 　 document.NSorIE.propertyName 或　 document.layers[NsorIE].propertyName 而IE中则是： 　　　 NSorIE.pertyName或 document.all[NsorIE].pertyName 8.9.3 分层技术 1.z-index属性 2.未在CSS中作定义的例子： div id=front img src=front.gif /div div id=back imgsrc=back.gif /div style type=text/css #front {position:absolute; left: 4px; top: 15px; width: 40px; height: 36px; z-index: 1} /style CUUG 8-* 8.1 HTML简介 8.2 格式及文字 8.3 图像控制标签 8.4 网页中的表 8.5 网页中的链接 8.6 网页的框架结构 8.7 网页中的表单 8.8 其他标签 8.9 DHTML与CSS 8.10 XML 第八章 网页置标语言 HTML、DHTML、CSS、XML html body center中国UNIX用户协会/center center——cuug/center body /html 8.1 HTML简介 8.1.1 一个实例 点击 TITLE ——描述文档的标题 ISINDEX ——表明可对文档进行检索 BASE ——显示文档的原始URL NEXTID ——建立唯一的文档标识 LINK ——显示与其他文档的关系 META ——嵌入任何附加信息 在head标签中可以加如下标签： 8.1.2 HEAD标签 html headtitle中国UNIX用户协会——China Unix User Group/title /head body HEAD标签示例！ /body /html HEAD标签示例： 点击 Bgcolor属性 背景色的定义 Background属性 设置背景图 Text属性 设置字体颜色 Link属性 设置链接的颜色 Vlink属性 设置已使用的链接的颜色 Alink属性 设置正在被点击的链接的颜色　　　　　　　　 8.1.3 BODY标签 1.在BODY中的属性有： html headtitleCUUG