首页 > 文库大全 > 精品范文库 > 12号文库

DW(Dreamweaver)网页设计常用代码

DW(Dreamweaver)网页设计常用代码

第一篇：DW(Dreamweaver)网页设计常用代码

DW网页设计常用代码

...普通卷动

...滑动

...预设卷动 ...来回卷动 ...向下卷动 ...向上卷动向右卷动向左卷动 ...卷动次数 ...设定宽度 ...设定高度

...设定背景颜色 ...设定卷动距离 ...设定卷动时间字体效果

...

标题字(最大)

...

标题字(最小)...粗体字

...粗体字(强调)...斜体字

...斜体字(强调)

...斜体字(表示定义)...底线

...底线(表示插入文字)~~...~~横线 ~~...~~删除线

~~...~~删除线(表示删除)...键盘文字 ...打字体

...固定宽度字体(在文件中空白、换行、定位功能有效)

...固定宽度字体(不执行标记符号)

...固定宽度小字体 ...字体颜色 ...最小字体

...无限增大区断标记

水平线

水平线(设定大小)

水平线(设定宽度)

水平线(设定颜色)
(换行)

...水域(不换行)

...

水域(段落)...置中连结格式

(预设好连结路径)外部连结

外部连结(另开新窗口)外部连结(全窗口连结)

外部连结(在指定页框连结)贴图/音乐

贴图

设定图片宽度设定图片高度

设定图片提示文字设定图片边框背景音乐设定表格语法

...表格位置,置左 ...表格位置,置中

...背景图片的URL=就是路径网址 ...设定表格边框大小(使用数字)...设定表格的背景颜色 ...设定表格边框的颜色

...设定表格暗边框的颜色 ...设定表格亮边框的颜色

...指定内容与网格线之间的间距(使用数字)...指定网格线与网格线之间的距离(使用数字)...指定表格的栏数

...设定表格外框线的显示方式

...指定表格的宽度大小(使用数字)...指定表格的高度大小(使用数字)...指定储存格合并栏的栏数(使用数字)...指定储存格合并列的列数(使用数字)分割窗口

左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整分割左右两个框架

分割左中右三个框架 <分割上下两个框架

分割上中下三个框架批注

指定超级链接的分割窗口指定锚名称的超级链接指定超级链接

被连结点的名称

....用来显示电子邮箱地址 粗体字

指定超级链接的分割窗口更改预设字形大小加入背景音乐显示大字体闪烁的文字

设定文字颜色显示本文
换行

设定表格标题位置

...为表格加上标题

向中对齐
...用于引经据典的文字
...用于列出一段程序代码 ...加上批注
设定定义列表的项目解说 ...显示“定义”文字 ...列表文字卷标
...
设定定义列表的卷标
设定定义列表的项目强调之用
任意指定所用的字形设定字体大小
设定户动式窗体的处理方式
设定户动式窗体之资料传送方式设定窗口的上下边界设定窗口的左右边界为分割窗口命名
锁住分割窗口的大小设定分割窗口的滚动条将HTML文件加入窗口
将窗口分割成左右的子窗口将窗口分割成上下的子窗口 ...划分分割窗口
~
设定文字大小标示文件信息
加上分网格线
文件的开始与结束 斜体字
调整图形影像的位置为你的图形影像加注加入影片
插入图片并预设图形大小插入图片并预设图形的左右边界预载图片功能设定图片边界插入图片
插入图片并预设图形的上下边界在窗体中加入输入字段定义查询用窗体 ...表示使用者输入文字
...
列表的项目(可指定符号)跑马灯效果
...条列文字卷标
自动更新文件内容可同时选择多项的列表栏定义不出现分割窗口的文字
...
有序号的列表
设定对齐方向
分段
...显示人名
使用原有排列
...用于引用字
在窗体中定义列表栏显示小字体 ~~文字加横线用于加强语气 _{下标字 ^上标字}~~
调整表格的宽线高度调整数据域位之边界调整表格线的宽度调整表格的高度调整表格的宽度 ...产生表格的卷标调整表格字段之左右对齐设定表格字段之背景颜色表格字段的合并设定表格字段不换行调整表格字段之上下对齐调整表格字段宽度 ...定义表格的数据域位
窗体中加入多少列的文字输入栏 <TEXTAREA WRAP>决定文字输入栏是自动否换行 <TH>...</TH>定义表格的标头字段 <TITLE>文件标题</p><p><TR>...</TR>定义表格美一行 <TT>打字机字体 <U>文字加底线</p><p><UL TYPE>...</UL>无序号的列表(可指定符号)<VAR>...</VAR>用于显示变量</p><h2>第二篇：网页设计代码</h2><p>Html网页设计代码</p><p>设计第一技术其次 :)---</p><p>1)贴图： 2)加入连接：写上你想写的字 1)贴图： 2)加入连接：写上你想写的字</p><p>3)在新窗口打开连接：写上要写的字</p><p>消除连接的下划线在新窗口打开连接：</p><p>写上你想写的字</p><p>4)移动字体(走马灯)：<marquee>写上你想写的字</marquee></p><p>5)字体加粗：<b>写上你想写的字</b></p><p>6)字体斜体：<i>写上你想写的字</i></p><p>7)字体下划线: <u>写上你想写的字</u></p><p>8)字体删除线: <s>写上你想写的字</s></p><p>9)字体加大: 写上你想写的字</big></p><p>10)字体控制大小：<h1>写上你想写的字</h1>(其中字体大小可从h1-h5,h1最大，h5最小)</p><p>11)更改字体颜色：<font color=“#value”>写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间</p><p>12)消除连接的下划线：写上你想写的字</p><p>13)贴音乐：<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart=“false”></p><p>14)贴flash: <embed src=“flash地址” width=“宽度” height=“高度”> 15)贴影视文件：</p><p>16)换行：<br></p><p>17)段落：<p>段落</p><p>18)原始文字样式：<p>正文</pre></p><p>19)换帖子背景：<body background=“背景图片地址”></p><p>20)固定帖子背景不随滚动条滚动：<body background=“背景图片地址” body bgproperties=fixed></p><p>21)定制帖子背景颜色：<body bgcolor=“#value”>(value值见10)</p><p>22)帖子背景音乐：<bgsound=“背景音乐地址” loop=infinite></p><p>23)贴网页：</p><p>/---------HTML特效代码-/</p><p>1。忽视右键</p><p><body oncontextmenu=“return false”></p><p>或</p><p><body style=“overflow-y:hidden”> 2。加入背景音乐</p><p>IE:<bgsound src=“*.mid” loop=infinite></p><p>NS:<embed src=“*.mid” autostart=true hidden=true loop=true></p><p></embed></p><p>*.mid你的背景音乐的midi格式文件</p><p>3。简单的window.open方法</p><p><p>onclick=“javascript :window.open(文件路径/文件名,newwindow，toolbar=no,scrollbars=yes,resizable=no,top=0,left=0，width=400,height=300);”>文字或图片</p><p>参数解释：</p><p><script LANGUAGE=“javascript”> js脚本开始；</p><p>window.open 弹出新窗口的命令；</p><p>文件路径/文件名弹出窗口的文件名；</p><p>newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；</p><p>width=400 窗口宽度；</p><p>height=300 窗口高度；</p><p>top=0 窗口距离屏幕上方的象素值；</p><p>left=0 窗口距离屏幕左侧的象素值；</p><p>toolbar=no 是否显示工具栏，yes为显示；</p><p>menubar，scrollbars 表示菜单栏和滚动栏。</p><p>resizable=no 是否允许改变窗口大小，yes为允许；</p><p>location=no 是否显示地址栏，yes为允许；</p><p>status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；</p><p></script> js脚本结束</p><p>4。简单的页面加密</p><p><script LANGUAGE=“javascript”></p><p></p><p></script></p><p>5。拉动页面时背景图不动</p><p><style></p><p>body{background-image:url(logo.gif);</p><p>background-repeat:no-repeat;background-position:center}</p><p></style></p><p>6。让浏览器在保存页面时保存失败</p><p><NOSCRIPT></NOSCRIPT> 7。随机替换图片</p><p><script></p><p>document.write(<p>+.gif“height=”40“ width=”50“></p><p></script></p><p>图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 8。窗口定时关闭</p><p>先将如下代码网页文件的区：</p><p><script language=”javascript“></p><p>function closeit(){ setTimeout(”self.close()“,10000)//毫秒 }</p><p></script></p><p>然后再在<body>标内加入如：<body onload=”closeit()“> 9。网页自动关闭</p><p><html></p><p><head></p><p><object id=closes type=”application/x-oleobject“</p><p>classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11“></p><p></object></p><p></head></p><p><body onload=”window.setTimeout(closes.Click(),10000)"></p><p>这个窗口会在10秒过后自动关闭,而且不会出现提示.</p><h2>第三篇：HTML代码4种范例——网页设计</h2><p>范例1——Shopping_mall</p><p>效果图</p><p>HTML代码</p><p><!doctype html> <html> <head> <meta charset=“utf-8”> <title>无标题文档</title> <link rel=“stylesheet” href=“css/Shopping mall.css” type=“text/css”/></p><p></head></p><p><body onselectstart=“return false”>  <div class="zd-sidebar" id="zd-sidr"> <div class="zd-box"> <div class="zd-sdc"> <ul class="zd-btn w3"> <li><a class="" href="/wenku">全部</a> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/1/">1号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/2/">2号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/3/">3号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/4/">4号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/5/">5号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/6/">6号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/7/">7号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/8/">8号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/9/">9号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/10/">10号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/11/">11号文库</a></li> <li><a class="cur" href="https://www.feisuxs.com/wenku/jingpin/12/">12号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/13/">13号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/14/">14号文库</a></li> <li><a class="" href="https://www.feisuxs.com/wenku/jingpin/15/">15号文库</a></li> </ul> </div> </div> <dl class="function" id="cead"> <dd class="function_c"> <div id="ad1"></div> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">热门阅读</dt> <dd class="function_c"> <ul> </ul> </dd> </dl> <dl class="function" id="cead"> <dd class="function_c"> <div id="ad2"> </div> </dd> </dl> <div class="zd-box"> <div class="zd-sdc"> <h3>最新更新</h3> <ul class="zd-btn w3"> </ul> </div> </div> <dl class="function" id="cead"> <dd class="function_c"> <div id="ad3"> </div> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">随机推荐</dt> <dd class="function_c"> <ul> </ul> </dd> </dl> <dl class="function" id="cead"> <dd class="function_c"> <div id="ad4"> </div> </dd> </dl> </div>  </div> <div class="zd-footer"> <p>世界看中国，中国有成语！学成语，传文化！</p> <p>Copyright © 2018-2023 <a href="/" target="_blank">成语大全</a> | <a href="http://beian.miit.gov.cn/" target="_blank">鲁ICP备2020040657号-2</a> | <span class="gaba"><a href="https://beian.mps.gov.cn/#/query/webSearch?code=37028302000876" rel="noreferrer" target="_blank"><img src="/images/foot-ga.png">鲁公网安备37028302000876号</a></span></p> </div>  <div class="zd-m-search-wrap none" id="zd-m-nav-search"> <div class="zd-m-search-input"> <a href="javascript:void(0)" onclick="switchSearch();return false;"><span class="zd-m-back-btn">返回</span></a> <div class="zd-m-input-box"> <form method="post" name="searchform" class="zd-m-search-form" action="https://www.feisuxs.com/e/search/index.php"> <input type="hidden" name="tbname" value="cy"> <input type="hidden" name="show" value="title"> <input type="hidden" name="tempid" value="1"> <input name="keyboard" autocomplete="off" autocorrect="off" id="kw" type="text" placeholder="输入要查询的成语" autocomplete="off"> <div class="zd-m-searchbtn"><input type="submit" value="搜索" class="zd-m-s-btn"></div> </form> </div> </div> <div class="zd-index-hint"> <h4><span>历史搜索</span></h4> <div class="zd-hint-box zd-index-history"> <a href='https://www.feisuxs.com/e/search/result/?searchid=3065' target=_blank>耐人寻味</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3064' target=_blank>冰心</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3063' target=_blank>蛇</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3062' target=_blank>风浪</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3061' target=_blank>花花</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3060' target=_blank>润</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3059' target=_blank>野</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3058' target=_blank>小可</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3057' target=_blank>绿油油</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=3056' target=_blank>战场</a><br></div> </div> <div class="zd-index-hint"> <h4><span>大家都在搜</span></h4> <div class="zd-hint-box"> <a href='https://www.feisuxs.com/e/search/result/?searchid=12' target=_blank>小说</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=588' target=_blank>随笔</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=922' target=_blank>余</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=803' target=_blank>主题教育</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=27' target=_blank>飘飘欲仙</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=127' target=_blank>小说</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=16' target=_blank>妈妈</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=868' target=_blank>花</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=790' target=_blank>瀑布</a> <a href='https://www.feisuxs.com/e/search/result/?searchid=31' target=_blank>爱</a><br></div> </div> </div> <a id="zd-gotop" href="javascript:void(0)"></a> <script type="text/javascript" src="https://www.feisuxs.com/js/jquery.min.js"></script> <script type="text/javascript" src="https://www.feisuxs.com/js/jquery.sidr.min.js"></script> <script type="text/javascript" src="https://www.feisuxs.com/js/common.js?v=20220310"></script> <script type="text/javascript" src="https://www.feisuxs.com/js/mnjc-pay.1.5.3.min.js?dsd253344555"></script> </body> </html>