DREAMWEAVER常用标记.doc

DREAMWEAVER 常用标记：（都是以前记的一些笔记了） 标记一般成对出现，一个表示特定代码部分的开始，另一个表示特定代码部分的结束(表示结束的前面带"/"符号)，但也不是绝对的，比如，标记基本的 HTML 标记：html、head 和 body 必不可少 1. 和标记中仅包含网页标题(如我的网页)和程序脚本 2. 标记中包含网页的全部内容是网页的主体部分 3. 和：是中间内容居中标记； 4. 和：从 h1~h6，将文本标注为标题，通常要比正文粗大，h1 最大； 5. 和：段落标记，在行与行之间添加额外的空白行； 6. ：强行换行标记，插入单行，不需要封闭标记 7. 图象标记： align 水平对齐(left、right 或 center)，valign 垂直对齐(top，bottom 或 middle)，border 边框宽度 alt="鼠标放在图片上时出现的提示文字" 8. 本行字符将以粗体显示 9. 本行字符将以斜体显示 (等效于) 10.本行字符将宋体显示 11. 点击此处文字打开链接的网页 ：该处文字有下划线标示 12. 显示一长灰色细线，分割网页为上下两部分可以只用单边。

完整的如下： 显示一灰色矩形，SIZE 为 1 时，宽为 1(很细，可看作一直线) 13.在文字前出现一个圆点的项目符号，可单个使用，也可结合使用 14.标记区段：控制项目序号及显示方式，如 1,2,3 15.使该段文字首行和下面都缩进约两个字符 16.使该段文字整体都缩进约两个字符，可以多重使用 17.这是上标字，这是下标字，这是加下划线字 18.这是 Windows 的等宽字 19.字体放大一级 20.语言基础要素:“语言”显示为列表标题， “基础要素”显示为列表内容，自动缩进 21.这是右对齐的段落一这是右对齐的段落二默认为左对齐方式 表格及其标志：Align:水平，Valign:垂直Align 或 Valign 写在中时表该行的几个列都用同一方式 22闪烁:标记中的文字实现闪烁效果，但并不适用于所有的浏览器 23. 第一列第一栏第一列第二栏 第二列的第一栏第二列的第二栏 水平:左对齐垂直:居中 BgColor 可写在、、中，分别为整个表格、整行、单一单元格的背景颜色设置 以上是我以前笔记中收录的一些常用的标记，今天看到 lfspecter 大虾也发了一些关于网页的帖子，可以两边对照着看，侧重点各有不同，也许更有利于初学者的理解，链接如下： 技巧篇： 1. 在标签中可以规定整个文档的一些基本属性： "bgcolor":指定 html 文档的背景色。

"text":指定 html 文档中文字的颜色 "link":指定 html 文档中待连接超链接对象的颜色 "alink":指定 html 文档中连接中超链接对象颜色 "vlink":指定 html 文档中以连接超链接对象颜色 "background":指定 html 文档的背景文件 有两种方式表示颜色对象： 或文档主体部分可用颜色列表：black 黑色 Red 红色 Line 石灰色 Maroon 栗色 Gray 灰色 Silver 银白色 Navy 海军蓝 Olive 橄榄绿 Purple 紫色 Yellow 黄色 Aqua 浅绿色 Blue 蓝色 Green 绿色 Fuchsia 紫红色 White 白色 Teal 暗蓝绿 2. 浏览器的状态列提示文字控制 (1).鼠标经过:页面上鼠标经过的文字 (2).改变状态栏提示文字：打开"Behaviors"行为编辑窗，单击"＋"按钮，选择"Set Text Set"下的"Text Of Status Bar"选项，然后在方框中输入自己的文字，例如"欢迎来到我的主页"等，单击"确定"即可 3.链接控制： a. 返回前页：使用 OnClick="history.go(-1)" 返回主页：使用 OnClick=\'top.location.href="../index.html"\' b. 链接提示:在链接语句中增加,如：去哪儿？ (在点击链接前注意看状态行显示的变化) OnMouseOver="window.status=\'这里是 ...\'; return true" OnMouseOut="window.status=\'\'; return true" c. 链接的不同方式: 在帧里显示：在链接处加 target="main"语句，其中 main 为帧名 整页显示：在链接处加 target="_top"语句 开新窗口：在链接处加 target="resource window"语句，如 d. 强制主页每次都不进行缓存，而从服务器上重读 在 Head 部分加 e. 自动刷新 定时刷新： 幻灯片效果：语句类似上面，但在页面 1 中 URL 指向页面 2，而页面 2 指向页面 3 ... 页面n 指回页面 1，即可实现循环显示页面的效果。

f. 在某一个时间内自动链接到其他主页，这只需在〈title〉######〈/title〉之后加入下面这一行即可： 〈meta http-equiv="refresh" content="20; url=otherpage.htm"〉 （"20"代表二十秒后连到另一个主页） h. 在打开指定网页的同时打开另一指定网页\'next.htm，只需在指定网页的 body 中加入指令 onload： 指定打开的一个网页内容 4. 设置"添加到收藏夹"链接： 选中"添加到收藏夹"文字，在属性面板中的链接（Link）中输入："javascript :window.external.AddFavorite (\'\',\'学习之家\')"点击此链接时会弹出对话框，可以将你的主页地址加到收藏夹中 5.文字移动动态效果： 1) 文字从右移到左边：大家好欢迎您经常光临！ 2) 让文字在固定的区域内出现从下到上的滚动效果： 例 1: 谨以此网站送给 xxx 此处为长篇大论!例 2: 望 岳 岱宗夫如何，齐鲁青未了造化钟神秀，阴阳割昏晓汤胸生层云，决眦入归鸟，会当凌绝顶，一览众山小3) 在指定宽度内移来移去的文字代码：产品导航 6.E-mail 链接： 选中字或图片，在属性中设置 Alt 为"给我来信"，链接为"mailt ketang.pc@"，在浏览器中单击此图，就会启动发送邮件窗口。

在链接地址前加"#"符号，可以在网页中不打开实际链接 7.动画背景为透明： 选中 Flash(gif)，在源代码前加入代码：或文件属性栏里 "参数"输入 wmode,value="transparent" 8.浮动背景图象(主页内容向下滚动而背景图象不动的效果)： (1). (2).在 Dreamweaver 中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag 中选择 Body，然后在 Background 中的 Attachment 里选 fixed 9.滚动条换颜色： 默认的网页滚动条是灰色，在网页代码里插入一对标签，标签里写入下面的代码： body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色) SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色) SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色) SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色) SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色) SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色) 后面的 16 位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。

10.背景音乐: body 中加入以下任一个代码（建议为 midi 格式的）： 显示操作面板：在相应地方加: 不显示操作面板：在页中任意地方加 －1 为无数次 11.在 Dreamweaver 中轻松设置行间距： 用层叠样式表（CSS）来实现，在 Dreamweaver 中编辑层叠样式表不用编写代码，具体操作方法如下： （1）在快速启动栏中点击层叠样式表按钮（"show css styles"按钮） ，在弹出的 CSS Styles 面板上双击（none） ； （2）此时，可看到弹出的 Edit Style Sheet 面板，在该面板上按 New 按钮； （3）再在弹出的 New Style 面板上点取 Redefine HTML Tag（重新定义 HTML 标记） ，再在Tag 中选择"body"标记后按 OK 按钮； （4）这时可看到弹出的 Style dehinition for body 的对话框，在此对话框中可以设置"body"标记的许多属性，可以按你的意愿设置，但我们这里主要是要设置行距，所以在line 属性输入框中填上行距的像素点数，现在流行的九号字，行距一般用 12，按 OK 按钮返回到 Edit Style Sheet 面板，此时已把"body"的行距设置好了； （5）由于"body"中定义的行距对表格不起作用，所以再在 Edit Style Sheet 面板上再按New 按钮； （6）再在弹出的 New Style 注释。