您的位置：360文档中心› DW标签代码

DW标签代码

合集下载

dw常用代码

dw常用代码

插入的音频调整到开始就播放电子邮件连接网页关闭窗口表格中插入背景不能平铺表单，单选弄成可以多选模版用在框架中是不能选择整体的框架需改做好的表格的边框线[转][藏]DW代码一2008-11-19 12:54表格边框的显示与隐藏，是可以用frame参数来控制的。

请注意它只控制表格的边框图，而不影晌单元格。

只显示上边框 <table frame=above>只显示下边框 <table frame=below>只显示左、右边框 <table frame=vsides>只显示上、下边框 <table frame=hsides>只显示左边框 <table frame=lhs>只显示右边框 <table frame=rhs>不显示任何边框 <table frame=void>[滚动轴颜色——成功，具体的可以百度，也可以一一试验，以狐狸的经验，还是自己试出来的记的长……]< script language='Java script 1.2' type="text/java script "> </ script ><style type='text/css'> body{SCROLLBAR-FACE-COLOR:#E0F2DA;SCROLLBAR-HIGHLIGHT-COLOR: #BED0BA; SCROLLBAR-SHADOW-COLOR: #BED0BA; SCROLLBAR-3DLIGHT-COLOR: #E0F2DA; SCROLLBAR-ARROW-COLOR: #BED0BA; SCROLLBAR-TRACK-COLOR: #BED0BA; SCROLLBAR-DARKSHADOW-COLOR:#BED0BA}</style><style type="text/css"><!--页面过渡方式——成功插在＜head＞与＜/head＞之间＜meta http-equiv="Page-Exit"content="revealTrans(Duration=2,Transition=4)"＞Duration的值为网页动态过渡的时间，单位为秒。

dw常用代码

dw常用代码

dw常用代码(2009-06-12 16:29:25)转载分类：Dreamweaver代码精选标签：dw代码精选it1.禁止复制，鼠标拖动选取<body ondragstart=window.event.returnValue=falseoncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>2.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<link rel="Shortcut Icon" href="favicon.ico"><link rel="Bookmark" href="favicon.ico">3.简单的跳转网页代码假如你要让页面显示3秒钟之后跳转，可以在html代码的<head></head>部分加上这样的代码：<meta http-equiv="refresh" content="3; url=/u/1595134821">4.跳转菜单新窗口<select name="select" onchange="window.open(this.options[this.selectedIndex].value)"><option value="/ie"> Internet Explorer</option><option value=""> Microsoft Home</option><option value=""> Developer Network</option></select>5.添加到收藏夹和设为首页<a href=#onclick="this.style.behavior='url(#default#homepage)';this.setHomePage(' ');">设为首页</a><a href="javascript:window.external.AddFavorite('/','站长设计网')">收藏本站</a>6.节日倒计时<Script Language="JavaScript">var timedate= new Date("October 1,2002");var times= "国庆节";var now = new Date();var date = timedate.getTime() - now.getTime();var time = Math.floor(date / (1000 * 60 * 60 * 24));if (time >= 0)document.write( "现在离"+times+"还有: "+time +"天")</Script>7.打开窗口即最大化<script language="JavaScript"><!-- Beginself.moveTo(0,0)self.resizeTo(screen.availWidth,screen.availHeight)// End --></script>8.加入背景音乐<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE<embed src="music.mid" loop="true" hidden="true"> 对Netscape ,IE 都适用9.滚动<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息</marquee>10.文字或图片弹出指定大小的窗口在body中加入<script language="JavaScript" type="text/JavaScript">function MM_openBrWindow(theURL,winName,features){window.open(theURL,winName,features);}</script>弹出代码<a href="#" target="_self"onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a>11.跳转页面代码<meta http-equiv="refresh" content="5;url=/u/1595134821">12.不能点右键，不用CTRL+A，不能复制作!<body oncontextmenu="window.event.returnValue=false"onkeypress="window.event.returnValue=false"onkeydown="window.event.returnValue=false"onkeyup="window.event.returnValue=false"ondragstart="window.event.returnValue=false"onselectstart="event.returnValue=false"></body>13.IE浏览器支持一个Body 属性bgproperties，它可以让背景不滚动:<Body Background="图片文件" bgproperties="fixed">14.随机变换背景图象（一个可以刷新心情的特效）<Script Language="JavaScript">image = new Array(4); //定义image为图片数量的数组image [0] = 'tu0.gif' //背景图象的路径image [1] = 'tu1.gif'image [2] = 'tu2.gif'image [3] = 'tu3.gif'image [4] = 'tu4.gif'number = Math.floor(Math.random() * image.length);document.write("<BODY BACKGROUND="+image[number]+">");</Script>15.图片表单按钮<form id="form1" name="form1" method="post" action=""><img src="login.gif" width="62" height="22" onclick="document.form1.submit()" /></form>16.左右阴影背景的CSS定义方法body {text-align:center;background-repeat: repeat-y;background-position: center;background-image: url(../images/bg.jpg);}17.划过链接手型鼠标style="cursor:hand"18.凹陷文字<divstyle="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;"><font disabled>怎么样，我凹下去了吧？<br>你不想试试吗？<br><ahref="/u/1595134821">/u/1595134821</a></font> </div>19.运行代码框<script>function Preview(){var TestWin=open('');TestWin.document.write(code.value);}</script><textarea id=code cols=60 rows=15></textarea><br><button onclick=Preview() >运行</button>20.给表格做链接<table width="100%" onclick="window.open('/', '_blank')"style="CURSOR:hand"><tr><td height="100" bgcolor="f4f4f4">&nbsp;</td></tr></table>21.让弹出窗口总是在最上面<body onblur="this.focus();">22.CSS文字阴影.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}23.后退&关闭窗口后退：javascript:history.back(1)关闭：javascript:window.close();24.表格透明style="FILTER: alpha(opacity=72)"25.如何避免别人把你的网页放在框架中<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script>26.Alt和Title的区别alt 用来给图片来提示的。

dw代码标签

dw代码标签

dw代码标签一.文本设置1、font-size: 字号参数2、font-style: 字体格式3、font-weight: 字体粗细font-famliy：字体。

4、颜色属性color: 参数注意使用网页安全色二、超链接设置text-decoration: 参数主要用途是改变浏览器显示文字链接时的下划线。

参数取值范围：underline：为文字加下划线overline：为文字加上划线line-through：为文字加删除线blink：使文字闪烁none：不显示上述任何效果三、背景1、背景颜色background-color: 参数2、背景图片background-image: url(URL)URL就是背景图片的存放路径，none表示无。

3、背景图片重复background-repeat: 参数参数取值范围：no-repeat：不重复平铺背景图片repeat-x：使图片只在水平方向上平铺repeat-y：使图片只在垂直方向上平铺如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。

4、背景图片固定背景图片固定控制背景图片是否随网页的滚动而滚动。

如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。

为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定background-attachment: 参数参数取值范围：fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动四、区块1、单词间距word-spacing: 间隔距离2、字母间距letter-spacing: 字母间距3、文本对齐text-align: 参数参数的取值：left：左对齐right：右对齐center：居中对齐justify：相对左右对齐4、垂直对齐vertical-align: 参数top：顶对齐bottom：底对齐text-top：相对文本顶对齐text-bottom：相对文本底对齐baseline：基准线对齐middle：中心对齐sub：以下标的形式显示super：以上标的形式显示5、文本缩进text-indent: 缩进距离12px相当于一个文字距离6、空格white-space: 参数normal 正常pre 保留nowrap 不换行7、显示样式display: 参数参数取值范围：block：块级元素，在对象前后都换行inline：在对象前后都不换行list-item：在对象前后都换行，增加了项目符号none：无显示五、方框1、height 高度2、width 宽度3、padding 内边距4、margin 外边距5、float（浮动）：可以让块级元素在一行中排列，例如横向菜单。

dw代码大全2

dw代码大全2
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>
13。返回上一页
<a href=javascript :history.back(1)>『返回上一页』</a>
14。关闭窗口
8。窗口定时关闭
先将如下代码网页文件的区：
<script language="javascript">
function closeit() { setTimeout("self.close()",10000) //毫秒 }
</script>
然后再在<body>标内加入如：<body onload="closeit()">
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
27.删除时确认
<a href="javascript :if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>
28.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
<a href=javascript :self.close()>『关闭窗口』</a>

DW常用代码

DW常用代码
Loop=""环次数;
<!--...-->,注释标记,在"<!--"与"-->"之间的内容将不在浏览器中显示.
基本标签
: <html></html>,创建一个HTML文档;
<head></head>,设置文档标题和其它在网页中不显示的信息;
: COLOR=#RRGGBB,前景色,参考色彩对照表.
BGCOLOR=#RRGGBB,背景色.
<center>表示绝对居中.
<table></table>表格标识的开始和结束.
属性
: cellpadding=数值单位是像素,定义表元内距
属性
: scrollamount=1~60,滚动速度
direction=|left|right|up|down|,滚动方向
scrolldelay=滚动延时,单位:毫秒
<P>段落标识, 空格符,
<img>贴图标识
属性
<title></title>,设置文档的标题;
<h1></h1>,最大的标题;
<pre></pre>,预先格式化文本;
<u></u>,下划线
<b></b>,黑体字;
<dl>列表开始
<dt>列表项
<P>,分段标志
<B></B>,采用黑体字
<I></I>,采用斜体字

dw常用代码

dw常用代码

目录1.控制横向和纵向滚动条的显隐？ (1)12.添加到收藏夹和设为首页 (2)21.文字或图片弹出指定大小的窗口 (3)38.给表格做链接 (6)47.基本链接样式 (7)52、日期显示 (8)js表单验证控制代码大全 (38)html ：超文本标记语言 HyperText Marked LanguageDW常用代码1.控制横向和纵向滚动条的显隐？<body style="overflow-y:hidden"> 去掉x轴<body style="overflow-x:hidden"> 去掉y轴<body scroll="no">不显--------------------------------------------------------------------------------2.表格变色<TDstyle="CURSOR: hand">--------------------------------------------------------------------------------3.禁止复制，鼠标拖动选取<body ondragstart=window.event.returnValue=falseoncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false> --------------------------------------------------------------------------------4.普通iframe页面<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>--------------------------------------------------------------------------------5.iframe自适应高度<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto"width="100%" height="100%" frameborder=no ></iframe>--------------------------------------------------------------------------------6.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<link rel="Shortcut Icon" href="favicon.ico"><link rel="Bookmark" href="favicon.ico">--------------------------------------------------------------------------------7.字号缩放越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。

dw命名锚记代码

dw命名锚记代码

dw命名锚记代码
命名锚记是在HTML中为链接、段落或其他元素添加唯一的标识符的方法，以便于页面内的导航。

在要添加命名锚记的元素上，使用id属性来设置唯一的标识符，如下所示：
```
<h2 id="section1">Section 1</h2>
```
然后，在链接或导航到该元素的其他位置，使用锚点（#）加上元素的id来创建链接，如下所示：
```
<a href="#section1">跳转到Section 1</a>
```
这样，用户点击链接时，页面将滚动到具有相应id的元素。

请注意，此代码示例仅用于说明目的。

在实际使用时，还需要根据自己页面的具体结构和需求进行适当的修改。

DW网页制作常用代码

DW网页制作常用代码
看来需要的话，我们只能直接进入源文件更改了。
<hr color="对应颜色的代码">
--------制作可以关闭当前窗口的链接--------
这里我们可以先输入用来标示的文字“关闭窗口”，用鼠标拖动选中它，在“Link”输入框中键入“/”，同时切入源代码窗口，在链接代码中键入该事件-onclick=“window.close(); return false;”。
<Link Rel="SHORTCUT ICON" href="http://图片的地址（注意与刚才的目录对应）">
其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，即可自动识别！
--------为图片添加指定颜色的边框--------
-->< /script>
--------加注释内容--------
注释内容，顾名思义只是作为说明内容出现的，因此在浏览时不会出现在网页中。它的作用是对某些重要或复杂代码进行必要的标示，以更方便快捷的找到。
进入“Object”面板的“Invisibel”部分（即不可见元素），选择插入“Comment”按钮，
<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

DW标签代码大全一、<html>、<head>、<body>：定义和用法：构成Html文档的重要组成部分，缺一不可。

1、<html> 标签:此元素可告知浏览器其自身是一个HTML 文档。

<html> 与</html> 标签限定了文档的开始点和结束点。

2、<body>标签:定义文档的主体。

它包含文档的所有内容（比如文本、图像、颜色和图形等等。

）3、<head> 标签:用于定义文档的头部。

下面这些标签可用在head 部分：<link>, <meta>, <script>, <style>, 以及<title>。

二、<link>, <meta>, <script>, <style>, <title>：1、<link>标签：此元素定义了当前文档与Web 集合中其他文档的关系。

如：<link href="xxx.css" type="text/css" rel="stylesheet" />2、<meta> 标签：<meta> 元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。

如：<meta name="Keywords" content="这里放置关键字" /><meta name="Description" content="这里放置对关键字的描述" />3、<script> 标签：定义一段诸如JavaScript 的脚本。

如：<script type="text/javascript">alert("感谢您光临我的个人小站!")</script>4、<style> 标签：常用在页面内定义CSS样式，但强烈建议使用link 标签定义CSS样式。

如：<style type="text/css">*{font-size:13px;}</style>5、<title>标签：定义文档的标题。

通常把它放置在浏览器窗口的标题栏或状态栏上。

三、<a>超链接标签：·定义和用法：<a> 标签可定义锚。

一个锚有两种用法。

1、通过使用href 属性，创建一个到另外一个文档的链接。

如：<ahref="" target="_blank" title="百度">百度</a>2、通过使用name 或id 属性，创建一个文档内部的书签。

如：定义锚点<a name="a1" id="a1"></a>；指向锚点<a href="#a1">返回顶端</a>·<a>标签常用属性：1、href:描述另一个文档的地址。

2、target:指定文档在哪个窗口打开。

3、title:指定链接的标题。

4、name:定义锚点的名称。

四、<h1>-- <h6> 标签：<h1> - <h6> 标签可定义标题。

<h1> 定义最大的标题。

<h6> 定义最小的标题。

如：<h1>这是标题一</h1><h2>这是标题二</h2><h3>这是标题三</h3><h4>这是标题四</h4><h5>这是标题五</h5><h6>这是标题六</h6>五、<p>标签：可定义一个段落。

如：<p>这是第一段的内容。

</p><p>这是第二段的内容。

</p>六、<br> 标签：可插入一个简单的换行符。

如：这是第一行。

<br />这是第二行。

七、<img> 标签：可定义一副图像。

即在网页指定位置插入图片。

如：<img src="images/bg1.gif" width="80" height="60" />八、<hr> 标签：可插入一个水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

<hr width="1000" size="1" noshade="noshade" />如：<hr align="center" width="800" size="1" />九、<table>、<tr>、<td>、<caption>、<th>标签：1、<table> 标签可定义表格。

在<table> 标签内部，可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。

2、<tr> 标签在表格中定义一行。

3、<td> 标签定义表格中的一个单元格。

<td>标签属性：colspan=合并列单元格；rowspan=合并行。

5、<th> 标签定义表格内的表头单元格。

此th 元素内部的文本通常会呈现为粗体。

6、<caption> 标签可定义一个表格标题。

caption 标签必须紧随table 标签之后。

您只能对每个表格定义一个标题。

通常这个标题会被居中于表格之上。

十、<form>标签:form 元素可为用户输入创建表单。

表单可包含文本域，复选框，单选按钮等等。

表单用于向指定的URL 传递用户数据。

·使用方法：<form id="form1" name="form1" method="post" action=""></form> ·<form>标签属性：1、id、name：用来标识表单的名称。

2、method：提供和程序进行数据交换的方法。

取值为post和get。

3、action：提供和程序进行交换的程序路径，即接口程序。

十一、<input> 标签：<input> 标签可定义输入域，在其中用户可输入数据。

其中包括文本字段、多选列表、可单击的图像和提交按钮等。

此标签的type 属性和name 属性是必需的。

1、type的取值。

type属性用来区分不同的输入域。

它的取值分别为：text(文本域)、password（密码域）、hidden（隐藏域）、checkbox(复选框)、radio（单选框）、image(图像按钮）、file(文件域)、submit（提交按钮）、reset（重置按钮）、button（普通按钮）。

十二、<select>标签:1、用法：<select>元素可创建单选或多选菜单。

2、格式：<select name="select"><option>张三</option><option>李四</option><option selected="selected">王五</option></select>3、<option>元素可定义下拉列表中的一个选项（一个条目）。

格式：<option selected="selected">张三</option>，其中selected属性表示默认选项。

十三、<textarea> 标签：1、用法：定义一个文本区域(一个多行的文本输入区域）。

2、格式：<textarea name="textarea" cols="30" rows="6">请在此处输入留言内容</textarea>3、属性：I、cols：设置输入框的列数。

II、rows：设置输入框的行数。

十四、<i>、<b>、<u>、<s> 标签：以下的元素均是字体样式元素。

建议使用CSS来取代这些效果。

<u> 标签可定义下划线文本。

<s> 标签可定义加删除线文本定义。

<i> 标签可定义斜体。

<b> 标签可定义粗体。

十五、<sub>、<sup> 标签：1、<sup> 标签可定义上标文本。

2、<sub> 标签可定义下标文本。

3、说明：<sub>和<sup> 标签，常用在数学等式、科学符号和化学公式中。

十六、<dl>、<dt>、<dd>标签:1、<dl> 标签定义列表。

2、<dt> 定义列表中的项目（即术语部分）。

3、<dd> 可在定义列表中定义条目的定义部分。

十七、<ol>、<ul>、<li>标签：1、<ol> 标签定义有序列表。

<ol>标签属性：type="1/a/A/i/I"。

2、<ul> 标签定义无序列表。

<ul>标签属性：type="circle/disc/square"3、<li> 标签定义列表项目。

<li> 标签可用在有序列表(<ol>) 和无序列表(<ul>) 中。

十八、<div>标签：1、可定义文档中的分区或节（division/section）。

相关文档
最新文档