Dreamweaver 静态网页 Html 标记代码汇总网站相关概念Internet 是一个全球计算机互相网络，WWW 是 Internet 所提供的一种极其重要的服务，即 World Wide Web，简称Web；WWW主要以Web为表现形式，或者说，Web是Web页即网页的载体，我们所说的Web页就是指由HTML（超文本标记语言）这种语言编写的一类特殊文件，通常后缀为*.html或*.htm的页面。
Dreamweaver CS 基本应用HTML 文档结构：<html></html>：静态网页源代码首尾结构标记，代码内呈现网页所有内容<body bgcolor=”背景色”></body>：网页主体部分<head></head>：网页头部，包含网页导航栏中的标题和网页不显示的信息<title></title>：标签内显示出网页台头的标题名，用于<head></head>标签之内<meta name=”描述” content=”搜索信息” />：辅助性标签，用于<head>标记之内<meta name=”作者” content=”余学兵”>：标注网页的作者<meta name=”关键字” content=”IT，教育，网络”>：设定搜索关键字<meta name=”robots” content=”all”>：告诉搜索机器人需要索取的页面，默认全部 <meta http-equiv=”expires” content=”web，26 feb 2010 08：21：57 GMT”>：http-equiv 属性代替 name 属性，expires设定网页到期时间<meta http-equiv=”refresh” content=”5;url=”>：间隔 5 秒网页自动刷新，并指向新的 URL 网址<h2></h2>：表示是一行级别是 2 号的标题文字，有 h1~h6 的 6 级标题可选<font color=”颜色” face=”字体” size=”尺寸”></font>：文字处理标签<pre></pre>：预先格式化，以格式化显示标签中的内容结构<p align=”对齐方式”></p>：段落标记，center(居中)、left(左边)、right(右边)<br />：换行标记，按[shift]+[enter]可实现<b>粗体</b>：粗体字体标记 <i>斜体</i>：斜体字体标记<sup>上标</sup>：上标标记文本格式 <sub>下标</sub>：下标标记文本格式<ul></ul>：无序列表开始结束标记 <li></li>：列表项标记，</li>为可选项<ol start=”数字”></ol>：有序列表开始结束标记，start 属性指定列表的起始数字<li type=”有序列表标签”>：有序列表的序列标记，可自定义为数字或字母等<hr align=”对齐位置” width=”长度” size=”高度” noshade=”纯色” color=”颜色”>：水平线标记，可标记水平线的长度、高度、纯色阴影显示、颜色等属性<img align=”图像与文本的对齐方式” src=”图像名称”>：在 HTML 中插入图像，align 属性值：top(头部)、bottom(底部)、middle(居中)、left(居左)、right(居右)<p onclick="MM_popupMsg('你好！')">点击</p>：弹出“你好！”信息的行为<p onmouseover="MM_swapImage('image', '图像路径'),|">点击</p>：弹出图片 <embed src=”第一次爱的人.mp3”><embed/>：在网页中插入音频文件<marquee direction=”移动方向” behavior=”设置路径” loop=”循环圈数” bgcolor=”背景色”>：滚动文字字幕，方向属性:down向下、up向上、left向左、right向右<a href=”/”>手持终端</a>：超级链接标记<a href=javascript.alert(“谢谢！”)>点击</a>：对话框脚本链接<ahref=”kxncwg.exe”>开心农场外挂下载<a/>：文件下载链接<ahref=”news.html”>新闻报道<a/>：相对路径链接（锚记）HTML 特殊字符的字符实体：特殊字符转义码示例空格 ；<h1>欢 ；迎 ；光 ；临</h1>元（￥）¥；<p>售价：¥；68</p>大于（>）>；<code>if A>；B then<code>A=A+1</code>小于（<）<；<code>if A<；B then<code>A=A+1</code>引号（““）"；<p>"；是还是不是？"；问题的关键是</p>“与“符号（&）&；<p>William &；Graham 去了集市</p>版权号（©）©；注册商标®；第 1 页 共 8 页HTML 表格标记： <table align=” 对齐方式 ” width=” 宽度 ” bgcolor=” 背景色 ” background=” 背景图片 ” border=” 边框显隐 ” cellspacing=”单元格之间间距” cellpadding=”单元格内间距” <caption></caption>：定义表格的标题（可选）<tr></tr>：定义表格的一行<th><th/>：设置表格栏标题（表头），显示为粗体子此标记可以省略<td></td>：用来装载单元格数据，它们必须位于<tr></tr>标记之间 链接路径：（链接的类型和目标属性）1.链接类型◆ 外部链接：跳转到站点外其他网站的链接◆ 内部链接：站点根目录内文档之间的互相链接，也称为相对文档链接◆ E-mail 链接：实现打开 E-mail 客户端应用程序进行撰写、发送邮件的工作◆ 局部链接：在同一文档内部或不同文档之间指定位置的链接2.链接目标 ◆ _blank ：将打开一个新窗口◆ _parent ：将在父窗口中打开◆ _self ：将在当前窗口中打开◆ _top ：将在上级窗口中打开<a name=”命名锚” id=”命名锚 id”><a/>：命名锚记 插入图像、Flash 及其他多媒体对象 1． 在网页中插入图片和图像占位符 打开 HTML 文档，将插入点放在要插入图像的位置，单击插入栏中“常用”面板的“图像”按钮，或选择“插入”的“图像”命令，在弹出的“选择图像源”对话框中选择要插入的图像，确定即可。
同样，选择插入“图像占位符”，也是如此，在对话框中设置占位符名称、宽度和高度、颜色和替换文本。
2．图像地图（热区）绘制热区：在文档窗口单击选中图像，在属性检查器中显示“地图”选项的文本域中为该热区输入一个名字，如果在同一文档中使用多个地图，必须保证名字的唯一。
热区绘制工具有 3 种： ◆矩形热点工具◆ 圆形热点工具◆ 多边形热点工具3．创建轮替图像轮替效果是插入鼠标经过图像的功能，利用两个图片实现的轮替显示效果。
将插入点定位到文档窗口中需要插入轮替图像处，选择“插入”—“交互式图像”—“鼠标经过图像”按钮，在弹出的“插入鼠标经过图像”对话框中设置相应的参数，原始图像、鼠标经过图像和按下时，前往的 URL 。
4．创建导航条导航条通常在网页中的左侧或上方，网站同一级页面乃至整个网站一般会使用同一个导航条，这样使得整个站点方便导航、风格统一，便于浏览者在个页面之间浏览转换。
打开 HTML 文档，选择“插入”—“交互式图像”——“导航条”命令或单击插入栏中的常用的面板上导航条，在弹出的对话框中，点击+添加导航条元件，输入项目名称，插入状态图像和鼠标经过图像以及按下图像（可选），还有替换文本和按下时前往的 URL ，选择水平插入或垂直插入，选中使用表格复选框，可以将元件装入有表格，便于后面对表格进行格式化以及页面的整体布局。
注意:一个页面文档内只能有一个导航条！5．插入 Flash 多媒体对象 媒体就是信息的载体，在计算机系统中，它指组合或两种以上媒体的一种人机交互式信息交流和传播媒体，使用的媒体包括文本基准、图像、声音、动画和电视图像。
Flash 文件的 3 种格式：1) Flash 源文件格式源文件扩展名为.fla 是在 Flash 环境中创建的，只能在 Flash 程序中打开的文件格式。
2) Flash 影片文件：Flash 程序中发布或导出的影片扩展名为.swf ，是 Flash 源文件压缩后的优化媒体格式，可以插入到网页第 2 页 共 8 页并上载到 Web 上，也可以直接在浏览器或媒体播放软件中播放观看，但是不能在 Flash 应用程序中进行编辑。
3)Flash 模板文件： Flash 模板文件的扩展名是.swt ，用户可以用它修改和替换 Flash 影片中的信息。
插入 Flash 动画过程：将插入点放在页面中布局表格的单元格内，选择“插入”—“媒体”命令或单击插入栏上“常用”面板上的“Flash ”按扭，在弹出的对话框中选择后缀为.swf 格式的 Flash 动画文件，确定即可。