Dreamweaver网页设计代码大全

合集下载

dreamweaver常用代码全攻略

dreamweaver常用代码全攻略

Dreamwear常用代码全攻略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=falseonselectstart=event.returnValue=false>--------------------------------------------------------------------------------4.普通iframe页面<iframe name="name" src="/Web/main.htm" width="450"height="287" scrolling="Auto" frameborder="0"></iframe>--------------------------------------------------------------------------------5.iframe自适应高度<iframe name="pindex" src="/Web/index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no ></iframe>--------------------------------------------------------------------------------6.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<link rel="Shortcut Icon" href="/Web/favicon.ico"><link rel="Bookmark" href="/Web/favicon.ico">--------------------------------------------------------------------------------7.字号缩放越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。

dw网页制作基础代码

dw网页制作基础代码

Dreamweaver 8 基础代码HTML基本结构(每个网页都是在基本结构的基础上添加内容的)<html>---------网页文件开始标签<head>--------头部元素开始标签<title>----------网页标题开始标签… 头部元素</title>---------网页标题结束标签</head>-------头部元素结束标签<body>---------网页内容开始标签... 网页具体内容</body>--------网页内容结束标签</html>---------网页文件结束标签Dreamweaver的代码里打“<”会出现可选择代码,或在“< >”里打空格也会出现,方便输入。

标签书写方式(不同标签书写方式不同)1. <标签>对象</标签>如:title、head等。

2. <标签>如:br3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数2” ...>对象</标签>如:font注意:1.第三种类型的标签也可以使用第一种的格式,即标签的属性不一定要写。

2.可以嵌套,但要注意顺序。

两个代码之间至少要用一个空格隔开。

几个常用标签介绍文字:<font face=”” size=”” color=”” …>...</font>face:字体,引号中输入字体名。

如:face=“黑体”。

默认是宋体。

size:字号。

可以是-7--------+7之间整数。

默认是3。

color:颜色。

可使用“red”之类的颜色名称或16进制编码指定。

默认黑色。

换行:<br>加粗:<b>...</b>倾斜:<i>...</i>滚动字幕:滚动标签:marquee最简表达:<marquee>相关字幕</marquee>滚动的属性:Direction--表示滚动的方向,值可以是left,right,up,down,默认为leftBehavior--表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)图片插入代码:<img src="要滚动的图片地址" border="…" alt="图片所提示的信息" title="图片所提示的信息">border是它的边框大小alt:使用alt属性是为了给那些不能看到你网页中图像的浏览者提供文字说明,也就是图片显示不了的时候显示的文字。

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>

Dreamweaver常用代码标签整理

Dreamweaver常用代码标签整理

标签解释:1.<p></p>:文字标签2.<table></table>:表格<tr></tr>:表格的行<td></td>:表格的单元格Rowspan:合并行;colspan:合并列;align:水平对齐方式;valign:垂直对齐方式3.<form method="post" action="../list.exl/insert"></form>:表单,method表示传输方式,POST方式比较安全;5.<div></div>:层6.<style type="text/css"></style>:CSS样式7.<script type="text/javascript"></script>:Java脚本8.<body></body>:网页代码主体9.<img src="image/bar.gif" width="600" height="21" />:插入图片10.<br />:换行11.<a href="/view/23262.htm" target="_blank" class="ys8">:链接12.<input />:输入框13. <select> </select>:列表菜单14.<label></label>:文本字段type="text",复选框type="checkbox",单选按钮type="radio",,,type都是定义在<input />里的15.<marquee></marquee>跑马灯16.<li></li>项目符号点17.<strong></strong>字体加粗属性单词解释1.class样式用”.ys1”,id样式用”#ys1”,外部样式在head里用<link href=”调用的样式文件” type="text/css">调用外部CSS样式文件2.CSS样式里的属性解释:font-size:字体大小;color:字体颜色;font-family:字体;font-weight:文字加粗;background-color:背景颜色;text-align:文本对齐方式;text-decoration:文本描述方式(消除链接下划线选none);width:宽;height:高;border:边框;border-color:边框颜色;border-left:左边框;border-left-color:左边框颜色;background-image:背景图片;background-color:背景颜色;background-repeat:背景图片重复方式;margin:边缘距离,0px auto 可以让一个div绝对居中z-index:DIV的Z轴a:hover{}定义鼠标经过链接字体时的属性,如颜色等;a:link{}定义链接文字被点击过的颜色body{}:定义Body的样式;p{}定义P标签的样式;<frameset rows="60*,481*" cols="*" border="0"><frame src="up.html" name="topFrame" id="topFrame" scrolling="no" title="topFrame"/><frame src="down.html" name="mainFrame" id="mainFrame" title="mainFrame" /></frameset>框架集,name是框架集的名字,可以由target指向,框架集的大小可以调节;行为动作:Onclick:鼠标点击;Onmouseover:鼠标经过;Onmouseout:鼠标移走;Onload:打开某某时载入某某;Onunload:关闭某某时弹出某某;Javascript:windos.extermal.addfavorite(‘,’百度’) 收藏百度Flash参数---值:Wmode---transparent 背景透明。

Dreamweaver代码大全

Dreamweaver代码大全
links, using name or hex value
设置已使用的链接的颜色,使用名字或十六进制值
<body alink=?>
Sets the color of links on click
设置正在被击中的链接的颜色,使用名字或十六进制值
Text tags
文本标签
<pre></pre>
Creates preformatted text
创建预格式化文本
<h1></h1>
Creates the largest headline
创建最大的标题
<h6></h6>
Creates the smallest headline
创建最小的标题
<b></b>
Creates bold text
创建黑体字
<i></i>
Creates italic text
</a>
Creates a mailto link
创建一个自动发送电子邮件的链接
<a name="NAME"></a>
Creates a target location within
a document
创建一个位于文档内部的靶位
<a href="#NAME"></a>
Links to that target location
Specifies which HTML document should
be displayed
规定窗框内显示什么HTML文档

Dreamweaver代码大全DW常用代码

Dreamweaver代码大全DW常用代码

D r e a m w e a v e r代码大全D W常用代码(总4页)--本页仅作为文档封面,使用时请直接删除即可----内页可以根据需求调整合适字体及大小--Dreamweaver代码大全Dreamweaver代码基本结构标签: <HTML>,表示该文件为HTML文件<HEAD>,包含文件的标题,使用的脚本,样式定义等<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中</HEAD>,<HEAD>的结束标志<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </BODY>,<BODY>的结束标志 </HTML>,<HTML>的结束标志其它主要标签,以下所有标志用在<BODY></BODY>中:<A,href="…"></A>,链接标志,"…"为链接的文件地址<IMG,src="…">,显示图片标志,"…"为图片的地址<BR>,换行标志<P>,分段标志<B></B>,采用黑体字<I></I>,采用斜体字<HR>,水平画线<TABLE></TABLE>,定义表格,HTML中重要的标志<TR></TR>,定义表格的行,用在<TABLE></TABLE>中<TD></TD>,定义表格的单元格,用在<TR></TR>中<FONT></FONT>,字体样式标志属性是用来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表示背景色为黑色.引用属性的例子:<BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色;<TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色.常用属性:对齐属性,范围属性:ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.ALIGN=RIGHT,右对齐.色彩属性:COLOR=#RRGGBB,前景色,参考色彩对照表.BGCOLOR=#RRGGBB,背景色.<center>表示绝对居中.<table></table>表格标识的开始和结束.属性:cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址,定义表格背景图<tr></tr>表格中一个表格行的开始和结束;<td></td>表格中行内一个单元格的开始和结束属性:Colspan="",单元格跨越多列;Rowspan="",单元格跨越多行;Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="";Border="",边框宽度;Bgcolor="",背景色;Bordercolor="",边框颜色;Bordercolorlight="",边框明亮面的颜色;Bordercolordark="",边框暗淡面的颜色;Cellpadding="",内容与边框的距离(默认为2);Cellspacing="",单元格间的距离(默认为2);<br>强制换行<font></font>文本标识的开始和结束属性:face=字体color=颜色<b></b>加粗文字标识的开始和结束属性:style=font-size:40pt;,用样式表方式控制字体大小,这里是40点<div></div>,分区标识的开始和结束属性:align=|center|left|right|水平对齐方式<marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动属性:scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒<P>段落标识,空格符,<img>贴图标识属性:src=../../图片链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2);filter:样式表滤镜;Alpha:透明滤镜,opacity:不透明度100(0~100);style:样式2(0~3),rules="none"不显示内框"<embed,src="…">多媒体文件标识属性:src="../../FILENAME",设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf 和.mov等视频.AUTOSTART=TRUE/FALSE,是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSELOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.STARTIME="分:秒",设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20VOLUME=0-100,设定音量的大小.如果没设定的话,就用系统的音量.WIDTH,HEIGHT,设定控制面板的大小,都设为0可隐藏播放器HIDDEN=TRUE,隐藏控制面板CONTROLS=CONSOLE/SMALLCONSOLE,设定控制面板的样子,<bgsound,src="…">,背景音乐标识,只能用于.wav和.mp3格式.属性:LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.表单标签:<form></form>表格标识的开始和结束,表单的内容都放在这里. 下边的标签放在表单内:<select>下拉选择框<option></option></select>属性:Multiple,多选<textarea></textarea>,大量文字输入的编辑块属性:Cols="",行;Rows="",列;<input,type="text">,文本框<input,type="password">,密码框<input,type="submit">,提交按扭<input,type="checkbox">,复选框<input,type="radio">,单选框<input,type="reset">,重置按扭<input,type="image">,图片按扭<input,type="hidden">,隐藏域<input,type="button">,按扭<input,type="file">,浏览文件公共属性:Name="";Value=""Size=""其他标签:<bgsound>,背景音乐;src=""Loop="",循环次数;<embed>,媒体播放块;src=""Loop="",循环次数;<marquee></marquee>,滚动部分;属性:Bgcolor=""Behavior,设置或获取文本如何在字幕中滚动.Direction="",滚动方向;Height=""Width=""Loop="",环次数;<!--...-->,注释标记,在"<!--"与"-->"之间的内容将不在浏览器中显示. 基本标签:<html></html>,创建一个HTML文档;<head></head>,设置文档标题和其它在网页中不显示的信息;<title></title>,设置文档的标题;<h1></h1>,最大的标题;<pre></pre>,预先格式化文本;<u></u>,下划线<b></b>,黑体字;。

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>,采用斜体字

dreamweaver常用代码。

dreamweaver常用代码。

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=falseonselectstart=event.returnValue=false>--------------------------------------------------------------------------------4.普通iframe页面<iframe name="name" src="/Web/main.htm" width="450"height="287" scrolling="Auto" frameborder="0"></iframe>--------------------------------------------------------------------------------5.iframe自适应高度<iframe name="pindex" src="/Web/index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no ></iframe>--------------------------------------------------------------------------------6.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<link rel="Shortcut Icon" href="/Web/favicon.ico"><link rel="Bookmark" href="/Web/favicon.ico">--------------------------------------------------------------------------------7.字号缩放越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。

dreamweaver制作网页常用代码

dreamweaver制作网页常用代码

meta是用来在HTML文档中模拟HTTP协议的响应头报文。

meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。

meta 的属性有两种:name和http-equiv。

name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。

这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。

比较常用的有以下几个:name 属性<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;<meta name="Robots"contect="all|none|index|noindex|follow|nofollow">其中的属性说明如下:设定为all:文件将被检索,且页面上的链接可以被查询;设定为none:文件将不被检索,且页面上的链接不可以被查询;设定为index:文件将被检索;设定为follow:页面上的链接可以被查询;设定为noindex:文件将不被检索,但页面上的链接可以被查询;设定为nofollow:文件将不被检索,页面上的链接可以被查询。

dreamweaver常用的代码

dreamweaver常用的代码

网页的HTML基本代码贴图:<img src="图片地址">; 加入连接:<a href="所要连接的相关地址">写上你想写的字</a>;在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>;移动字体(走马灯):<marquee>写上你想写的字</marquee>; 字体加粗:<b>写上你想写的字</b>字体斜体:<i>写上你想写的字</i>; 字体下划线: <u>写上你想写的字</u>;字体删除线: <s>写上你想写的字</s>;字体加大: <big>写上你想写的字</big>;字体控制大小:<h1>写上你想写的字</h1>(其中字体大小可从h1-h5,h1最大,h5最小);更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间;消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>;贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>;贴flash: <embed src="flash地址" width="宽度" height="高度">;贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>;换行:<br>; 段落:<p>段落</p>;原始文字样式:<pre>正文</pre>;换帖子背景:<body background="背景图片地址">; 固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>;定制帖子背景颜色:<body bgcolor="#value">(value值见10); 帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>; 贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>以下代码是让滚动文字字幕的代码:<marquee scrollamount=3 direction=up height=50><center><font face=黑体color=blue size=5><b>文字一<br><br>文字二<br><br>文字三<br><br>文字四<br><br>文字五</b></font> <br><br></center></marquee><marquee >里面的参数修改一下,效果将不一样,这里仅提醒一下direction参数,可以改为向下(down)、向左(left)和向右(right)。

Dreamweaver常用代码收集

Dreamweaver常用代码收集

1.控制横向和纵向滚动条的显隐?<body style="overflow-y:hidden"> 去掉x轴<body style="overflow-x:hidden"> 去掉y轴<body scroll="no">不显--------------------------------------------------------------------------------2.表格变色<TD onmouseover="this.style.backgroundColor='#FFFFFF'"onmouseout="this.style.backgroundColor=''"style="CURSOR: hand">--------------------------------------------------------------------------------3.禁止复制,鼠标拖动选取<body ondragstart=window.event.returnValue=falseoncontextmenu=window.event.returnValue=falseonselectstart=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=noonload="document.all['pindex'].style.height=pindex.document.body.scrollH eight" ></iframe>--------------------------------------------------------------------------------6.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<link rel="Shortcut Icon" href="favicon.ico"><link rel="Bookmark" href="favicon.ico">--------------------------------------------------------------------------------7.字号缩放越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。

DW代码大全

DW代码大全

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集合中其他文档的关系。

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

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

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

Dreamweaver网页设计代码大全

Dreamweaver网页设计代码大全

Dreamweaver网页设计代码大全Dreamweaver网页设计代码大全Dreamweaver网页设计HTML语法大全由小李整理分享:<!> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=left></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定卷动距离<marquee scrolldelay=300>...</marquee>设定卷动时间<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =font-size:100 px>...</font>无限增大<!>区断标记<hr>水平线<hr size=9>水平线(设定大小)<hr width=80%>水平线(设定宽度)<hr color=ff0000>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中<!>连结格式<base href=地址>(预设好连结路径)<a href=地址></a>外部连结<a href=地址 target=_blank></a>外部连结(另开新窗口)<a href=地址 target=_top></a>外部连结(全窗口连结)<a href=地址 target=页框名></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片地址>贴图<img src=图片地址 width=180>设定图片宽度<img src=图片地址 height=30>设定图片高度<img src=图片地址 alt=提示文字>设定图片提示文字<img src=图片地址 border=1>设定图片边框<bgsound src=MID音乐文件地址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字) <table height=高度>...</table>指定表格的高度大小(使用数字) <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) <!>分割窗口<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架<! - - ... - -> 批注<A HREF TARGET> 指定超级链接的分割窗口<A HREF=#锚的名称> 指定锚名称的超级链接<A HREF> 指定超级链接<A NAME=锚的名称> 被连结点的名称<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址<B> 粗体字<BASE TARGET> 指定超级链接的分割窗口<BASEFONT SIZE> 更改预设字形大小<BGSOUND SRC> 加入背景音乐<BIG> 显示大字体<BLINK> 闪烁的文字<BODY TEXT LINK VLINK> 设定文字颜色<BODY> 显示本文<BR> 换行<CAPTION ALIGN> 设定表格标题位置<CAPTION>...</CAPTION> 为表格加上标题<CENTER> 向中对齐<CITE>...<CITE> 用于引经据典的文字<CODE>...</CODE> 用于列出一段程序代码<COMMENT>...</COMMENT> 加上批注<DD> 设定定义列表的项目解说<DFN>...</DFN> 显示"定义"文字<DIR>...</DIR> 列表文字卷标<DL>...</DL> 设定定义列表的卷标<DT> 设定定义列表的项目<EM> 强调之用<FONT FACE> 任意指定所用的字形<FONT SIZE> 设定字体大小<FORM ACTION> 设定户动式窗体的处理方式<FORM METHOD> 设定户动式窗体之资料传送方式<FRAME MARGINHEIGHT> 设定窗口的上下边界<FRAME MARGINWIDTH> 设定窗口的左右边界<FRAME NAME> 为分割窗口命名<FRAME NORESIZE> 锁住分割窗口的大小<FRAME SCROLLING> 设定分割窗口的滚动条<FRAME SRC> 将HTML文件加入窗口<FRAMESET COLS> 将窗口分割成左右的子窗口<FRAMESET ROWS> 将窗口分割成上下的子窗口<FRAMESET>...</FRAMESET> 划分分割窗口<H1>~<H6> 设定文字大小<HEAD> 标示文件信息<HR> 加上分网格线<HTML> 文件的开始与结束<I> 斜体字<IMG ALIGN> 调整图形影像的位置<IMG ALT> 为你的图形影像加注<IMG DYNSRC LOOP> 加入影片<IMG HEIGHT WIDTH> 插入图片并预设图形大小<IMG HSPACE> 插入图片并预设图形的左右边界<IMG LOWSRC> 预载图片功能<IMG SRC BORDER> 设定图片边界<IMG SRC> 插入图片<IMG VSPACE> 插入图片并预设图形的上下边界<INPUT TYPE NAME value> 在窗体中加入输入字段<ISINDEX> 定义查询用窗体<KBD>...</KBD> 表示使用者输入文字<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )<MARQUEE> 跑马灯效果<MENU>...</MENU> 条列文字卷标<META NAME="REFRESH" CONTENT URL> 自动更新文件内容<MULTIPLE> 可同时选择多项的列表栏<NOFRAME> 定义不出现分割窗口的文字<OL>...</OL> 有序号的列表<OPTION> 定义窗体中列表栏的项目<P ALIGN> 设定对齐方向<P> 分段<PERSON>...</PERSON> 显示人名<PRE> 使用原有排列<SAMP>...</SAMP> 用于引用字<SELECT>...</SELECT> 在窗体中定义列表栏<SMALL> 显示小字体<STRIKE> 文字加横线<STRONG> 用于加强语气<SUB> 下标字<SUP> 上标字<TABLE BORDER=n> 调整表格的宽线高度<TABLE CELLPADDING> 调整数据域位之边界<TABLE CELLSPACING> 调整表格线的宽度<TABLE HEIGHT> 调整表格的高度<TABLE WIDTH> 调整表格的宽度<TABLE>...</TABLE> 产生表格的卷标<TD ALIGN> 调整表格字段之左右对齐<TD BGCOLOR> 设定表格字段之背景颜色<TD COLSPAN ROWSPAN> 表格字段的合并<TD NOWRAP> 设定表格字段不换行<TD VALIGN> 调整表格字段之上下对齐<TD WIDTH> 调整表格字段宽度<TD>...</TD> 定义表格的数据域位<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏<TEXTAREA WRAP> 决定文字输入栏是自动否换行<TH>...</TH> 定义表格的标头字段<TITLE> 文件标题<TR>...</TR> 定义表格美一行<TT> 打字机字体<U> 文字加底线<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )<VAR>...</VAR> 用于显示变量。

DW代码大全

DW代码大全

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集合中其他文档的关系。

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

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

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

Dreamweaver代码大全

Dreamweaver代码大全

Dreamweaver代码大全2010-11-10 17:09html文档示例:<html><head><title>标题<title></head><body>……….文件内容……….</body></html>html标签范例:<头标签>内容<尾标签>1.文件标题<title>……….</title>2.文件更新–<meta>【1】10秒后自动更新一次<meta http-equiv=”refresh”content=10>【2】10秒后自动连结到另一文件<meta http-equiv=”refresh”content=10>3.查询用表单–<isindex>若欲设定查询栏位前的提示文字:<isindex prompt=”提示文字”>4.预设的基准路径–<base><base href=”放置文件的主机之URL”>版面1.标题文字<h#>……….</h#>#=1~6;h1为最大字,h6为最小字2.字体变化<font>……….</font>【1】字体大小<font size=#>……….</font>#=1~7;数字愈大字也愈大【2】指定字型<font face=”字型名称”>……….</font>【3】文字颜色<font color=#rrggbb>……….</font>rr:表红色(red)色码gg:表绿色(gree3.显示小字体<small>……….</small>4.显示大字体<big>……….</big>5.粗体字<b>……….</b>6.斜体字<i>……….</i>7.打字机字体<tt>……….</tt>8.底线<u>……….</u>9.删除线<strike>……….</strike>10.下标字<sub>……….</sub>11.上标字<sup>……….</sup>12.文字闪烁效果<blink>……….</blink>13.换行<br>14.分段<p>15.文字的对齐方向<p align=”#”> #号可为 left:表向左对齐(预设值)center:表向中对齐 right:表向右对齐 P.S.<p align=”#”>之后的文字都会以所设的对齐方式显示,直到出现另一个<p align=”#”>改变其对齐方向,或遇到<hr>ⅱ<h#>标签时会自动设回预设的向左对齐。

dreamweaver案例代码

dreamweaver案例代码
.main-nav {
background: red;
height: 50px;
}
.header {
background: blue;
height: 150px;
}
.sidebar-a {
background: darkgreen;
}
.content {
background: green;
1、建立一个宽760px的盒子,它将包含网站的所有元素。在html文件的<body>和</body>之间写入:
<div class="page-container">
Hello world.
</div>
2、新建一个独立的CSS文件,并与页面文件关联起来。在CSS文件中写出以下代码,控制html的class为page-container的盒子的宽为760px,背景为红色。
}
.footer {
background: orange;
height: 66px;
}
<div class="sidebar-a">Sidebar A</div>
<div class="content">Content</div>
<div class="footer">Footer</div>
</div>
6、为了将五个部分区分开来,我们将这五个部分用不同的背景颜色标示出来。
html, body {
margin: 0;

dreamweaver经典网页特效及网页代码设计技巧系列之---文字跳舞效果

dreamweaver经典网页特效及网页代码设计技巧系列之---文字跳舞效果

dreamweaver 经典网页特效及网页代码设计技巧系列之---文字跳舞效果脚本说明:第一步:把如下代码加入<body>区域中<SCRIPTlanguage=JavaScript><!--functionMM_reloadPage(init) {if (init==true) with(navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth;document.MM_pgH=innerHeight;onresize=MM_reloadPage; }}else if(innerWidth!=document.MM_pgW ||innerHeight!=document.MM_pgH)location.reload(); }MM_reloadPage(true); // --></SCRIPT><SCRIPTlanguage=JavaScript><!--functionMM_timelinePlay(tmLnName, myID) {vari,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firs tTime=false;if (document.MM_Time == null)MM_initTimelines(); tmLn =document.MM_Time[tmLnName];if (myID == null) { myID = ++tmLn.ID; firstTime=true;} if (myID == tmLn.ID){setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);fNew =++tmLn.curFrame; for (i=0;i<tmLn.length; i++) {sprite = tmLn[i];if (sprite.charAt(0) == 's') {if (sprite.obj) { numKeyFr =sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0]; if (fNew >=firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {keyFrm=1;for (j=0;j<sprite.values.length; j++) {props =sprite.values[j]; if (numKeyFr != props.length) { if (props.prop2 == null)sprite.obj[props.prop] =props[fNew-firstKeyFr];elsesprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];} else {while(keyFrm<numKeyFr &&fNew>=sprite.keyFrames[keyFrm])keyFrm++;if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) { if (props.prop2 == null)sprite.obj[props.prop] =props[keyFrm-1];elsesprite.obj[props.prop2][props.prop] = props[keyFrm-1]; } } } } } } else if(sprite.charAt(0)=='b' && fNew ==sprite.frame)eval(sprite.value); if (fNew >stFrame) tmLn.ID = 0; } }}functionMM_timelineGoto(tmLnName, fNew, numGotos) {vari,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,t heObj; if (document.MM_Time == null)MM_initTimelines(); tmLn =document.MM_Time[tmLnName];if (numGotos != null)if (tmLn.gotoCount == null)tmLn.gotoCount = 1; else if(tmLn.gotoCount++ >= numGotos){tmLn.gotoCount=0; return}jmpFwd = (fNew > tmLn.curFrame); for (i = 0; i <tmLn.length; i++) { sprite = (jmpFwd)? tmLn[i] :tmLn[(tmLn.length-1)-i];if (sprite.charAt(0) == "s") {numKeyFr =sprite.keyFrames.length;firstKeyFr =sprite.keyFrames[0]; lastKeyFr =sprite.keyFrames[numKeyFr - 1];if ((jmpFwd &&fNew<firstKeyFr) || (!jmpFwd &&lastKeyFr<fNew)) continue;for (keyFrm=1;keyFrm<numKeyFr &&fNew>=sprite.keyFrames[keyFrm];keyFrm++);for (j=0;j<sprite.values.length; j++) {props =sprite.values[j]; if (numKeyFr == props.length)propNum = keyFrm-1else propNum =Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); if (sprite.obj != null) {if (props.prop2 == null)sprite.obj[props.prop] = props[propNum]; elsesprite.obj[props.prop2][props.prop] = props[propNum]; } } } else if(sprite.charAt(0)=='b' && fNew ==sprite.frame)eval(sprite.value); }tmLn.curFrame = fNew;if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');}functionMM_initTimelines() { //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.var ns =navigator.appName == "Netscape";document.MM_Time = new Array(1);document.MM_Time[0] = new Array(8);document.MM_Time["Timeline1"] =document.MM_Time[0]; document.MM_Time[0].MM_Name ="Timeline1";document.MM_Time[0].fps = 10;document.MM_Time[0][0] = newString("sprite"); document.MM_Time[0][0].slot = 1;if (ns)document.MM_Time[0][0].obj =document["Layer1"]; elsedocument.MM_Time[0][0].obj =document.all ?document.all["Layer1"] : null;document.MM_Time[0][0].keyFrames = new Array(2, 6, 9, 12, 15,18);document.MM_Time[0][0].values = new Array(4);document.MM_Time[0][0].values[0] = newArray(263,264,265,266,268,268,268,268,271,272,273,270,268,266,265,264,26 3); document.MM_Time[0][0].values[0].prop = "left";document.MM_Time[0][0].values[1] = newArray(101,95,89,82,76,87,98,108,100,93,86,91,96,100,102,104,106);document.MM_Time[0][0].values[1].prop = "top";if (!ns) {document.MM_Time[0][0].values[0].prop2 = "style";document.MM_Time[0][0].values[1].prop2 = "style";}document.MM_Time[0][0].values[2] = new Array(58,54,50,46,43,33,24,15,20,25,31,36,41,47,48,49,50);document.MM_Time[0][0].values[2].prop = "width";if (!ns)document.MM_Time[0][0].values[2].prop2 = "style";document.MM_Time[0][0].values[3] = newArray(52,51,50,49,48,46,44,42,43,44,45,46,47,49,48,47,47); document.MM_Time[0][0].values[3].prop = "height";if (!ns)document.MM_Time[0][0].values[3].prop2 = "style";document.MM_Time[0][1] = newString("sprite"); document.MM_Time[0][1].slot = 2;if (ns)document.MM_Time[0][1].obj =document["Layer2"]; elsedocument.MM_Time[0][1].obj =document.all ?document.all["Layer2"] : null;document.MM_Time[0][1].keyFrames = new Array(2, 5, 9, 12, 15, 18);document.MM_Time[0][1].values = new Array(2);document.MM_Time[0][1].values[0] = newArray(323,323,322,322,322,322,322,323,324,326,328,326,324,322,322,322,32 3); document.MM_Time[0][1].values[0].prop = "left";document.MM_Time[0][1].values[1] = new Array(126,120,115,111,110,111,111,111,108,105,101,105,109,113,117,122,126); document.MM_Time[0][1].values[1].prop = "top";if (!ns) {document.MM_Time[0][1].values[0].prop2 = "style";document.MM_Time[0][1].values[1].prop2 = "style";}document.MM_Time[0][2] = newString("sprite"); document.MM_Time[0][2].slot = 3;if (ns)document.MM_Time[0][2].obj =document["Layer4"]; elsedocument.MM_Time[0][2].obj =document.all ?document.all["Layer4"] : null;document.MM_Time[0][2].keyFrames = new Array(2, 5, 9, 12, 15, 18);document.MM_Time[0][2].values = new Array(3);document.MM_Time[0][2].values[0] = newArray(363,363,363,363,363,363,363,363,365,366,368,366,364,363,363,363,36 3); document.MM_Time[0][2].values[0].prop ="left";document.MM_Time[0][2].values[1] = newArray(131,123,115,107,113,119,125,131,122,111,101,113,124,131,131,131,13 1); document.MM_Time[0][2].values[1].prop = "top";if (!ns) {document.MM_Time[0][2].values[0].prop2 = "style";document.MM_Time[0][2].values[1].prop2 = "style";}document.MM_Time[0][2].values[2] = newArray(22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22); document.MM_Time[0][2].values[2].prop = "width";if (!ns)document.MM_Time[0][2].values[2].prop2 = "style";document.MM_Time[0][3] = newString("sprite");document.MM_Time[0][3].slot = 4;if (ns)document.MM_Time[0][3].obj =document["Layer5"]; elsedocument.MM_Time[0][3].obj =document.all ?document.all["Layer5"] : null;document.MM_Time[0][3].keyFrames = new Array(2, 5, 9, 12, 15, 18);document.MM_Time[0][3].values = new Array(2);document.MM_Time[0][3].values[0] = new Array(388,390,391,393,392,391,390,388,390,394,398,397,395,393,390,389,388); document.MM_Time[0][3].values[0].prop = "left";document.MM_Time[0][3].values[1] = newArray(131,128,124,121,124,126,129,131,119,103,86,105,122, 136,137,134,131); document.MM_Time[0][3].values[1].prop = "top";if (!ns) {document.MM_Time[0][3].values[0].prop2 = "style";document.MM_Time[0][3].values[1].prop2 = "style";}document.MM_Time[0][4] = newString("sprite"); document.MM_Time[0][4].slot = 5;if (ns)document.MM_Time[0][4].obj =document["Layer6"]; elsedocument.MM_Time[0][4].obj =document.all ?document.all["Layer6"] : null;document.MM_Time[0][4].keyFrames = new Array(2, 5, 9, 12, 15, 18);document.MM_Time[0][4].values = newArray(2);document.MM_Time[0][4].values[0] = newArray(413,413,413,413,413,413,413,413,415,416,418,416,414,413,413,413,41 3); document.MM_Time[0][4].values[0].prop = "left";document.MM_Time[0][4].values[1] = newArray(131,124,118,111,116,120,125,131,119,105,91,107,121,131,131,131,131 ); document.MM_Time[0][4].values[1].prop = "top";if (!ns) {document.MM_Time[0][4].values[0].prop2= "style";document.MM_Time[0][4].values[1].prop2 = "style";}document.MM_Time[0][5] = newString("sprite"); document.MM_Time[0][5].slot = 6;if (ns)document.MM_Time[0][5].obj =document["Layer7"]; elsedocument.MM_Time[0][5].obj =document.all ?document.all["Layer7"] : null;document.MM_Time[0][5].keyFrames = newArray(2, 5, 9, 12, 15, 18);document.MM_Time[0][5].values = new Array(2);document.MM_Time[0][5].values[0] = newArray(433,433,433,433,434,436,437,438,435,432,428,427,427,428,430,431,43 3);document.MM_Time[0][5].values[0].prop = "left";document.MM_Time[0][5].values[1] = newArray(131,131,131,131,128,125,120,116,118,120,121,117,112,106,114,122,13 1); document.MM_Time[0][5].values[1].prop ="top";if (!ns) {document.MM_Time[0][5].values[0].prop2 = "style";document.MM_Time[0][5].values[1].prop2 = "style";}document.MM_Time[0][6] = newString("behavior"); document.MM_Time[0][6].frame = 19;document.MM_Time[0][6].value ="MM_timelineGoto('Timeline1','1')"; document.MM_Time[0][7] = newString("sprite"); document.MM_Time[0][7].slot = 7;if (ns)document.MM_Time[0][7].obj =document["Layer3"]; elsedocument.MM_Time[0][7].obj =document.all ?document.all["Layer3"] : null;document.MM_Time[0][7].keyFrames = new Array(2, 5, 9, 13, 16, 18);document.MM_Time[0][7].values = new Array(4);document.MM_Time[0][7].values[0] = newArray(458,458,458,458,457,457,457,458,463,468,473,478,468,459,453,454,458);document.MM_Time[0][7].values[0].prop = "left";document.MM_Time[0][7].values[1] = newArray(101,98,94,91,93,96,99,101,95,88,80,71,77,85,91,97,101);document.MM_Time[0][7].values[1].prop = "top";if (!ns) {document.MM_Time[0][7].values[0].prop2 = "style";document.MM_Time[0][7].values[1].prop2 = "style";}document.MM_Time[0][7].values[2] = newArray(31,31,31,31,31,31,31,31,31,31,31,31,31,31,31,31,31);document.MM_Time[0][7].values[2].prop = "width";if (!ns)document.MM_Time[0][7].values[2].prop2= "style";document.MM_Time[0][7].values[3] = newArray(42,42,42,42,42,42,42,42,42,42,42,42,42,42,42,42,42); document.MM_Time[0][7].values[3].prop = "height";if (!ns)document.MM_Time[0][7].values[3].prop2 = "style";document.MM_Time[0].lastFrame = 19; for (i=0;i<document.MM_Time.length; i++) {document.MM_Time[i].ID = null;document.MM_Time[i].curFrame = 0;document.MM_Time[i].delay =1000/document.MM_Time[i].fps;}}//--></SCRIPT><DIV id=Layer1 style="Z-INDEX: 1; LEFT: 264px; WIDTH: 58px; POSITION:absolute; TOP: 86px; HEIGHT: 52px"><FONT face=隶书color=#ff3333size=7>网</FONT></DIV><DIV id=Layer2style="Z-INDEX: 2; LEFT: 324px; WIDTH: 36px; POSITION: absolute; TOP: 112px; HEIGHT: 27px"><FONT face=隶书size=4><fontcolor="#336600"size="5">页</font></FONT></DIV><DIV id=Layer4style="Z-INDEX: 4; LEFT: 363px; WIDTH:25px; POSITION:absolute; TOP: 116px; HEIGHT: 22px"><FONT face=隶书size=4><fontcolor="#FFFF00">制</font></FONT></DIV><DIV id=Layer5style="Z-INDEX: 5; LEFT: 388px; WIDTH:1px; POSITION:absolute; TOP: 116px; HEIGHT: 1px"><FONT face=隶书size=4><FONTcolor=#ff33ff>作</FONT></FONT></DIV><DIV id=Layer6 style="Z-INDEX: 6; LEFT: 408px; WIDTH: 18px; POSITION:absolute; TOP: 116px; HEIGHT: 12px"><FONT face=隶书size=4><fontcolor="#0000CC">特</font></FONT></DIV><DIV id=Layer7style="Z-INDEX: 7; LEFT: 428px; WIDTH:21px; POSITION:absolute; TOP: 116px; HEIGHT: 15px"><FONT face=隶书size=4><fontcolor="#FF6633">效</font></FONT></DIV><DIV id=Layer3style="Z-INDEX: 8; LEFT: 453px; WIDTH:31px; POSITION: absolute; TOP: 91px; HEIGHT:42px"><B><FONT color=#00ff00size=+5><I><font color="#009900">~</font></I></FONT></B></DIV>第二步:把<body>中的内容改为:<bodybgcolor="#fef4d9" onload="MM_timelinePlay('Timeline1')">。

dreamweaver代码大全

dreamweaver代码大全

dreamweaver代码大全<html><head><title>标题<title></head><body>……….文件内容……….</body></html>html标签范例:<头标签>内容<尾标签>1.文件标题<title>……….</title>2.文件更新–<meta>【1】10秒后自动更新一次<meta http-equiv=”refresh” content=10>【2】10秒后自动连结到另一文件<meta http-equiv=”refresh” content=10>3.查询用表单–<isindex>若欲设定查询栏位前的提示文字:<isindex prompt=”提示文字”>4.预设的基准路径–<base><base href=”放置文件的主机之URL”>版面1.标题文字<h#>……….</h#>#=1~6;h1为最大字,h6为最小字2.字体变化<font>……….</font>【1】字体大小<font size=#>……….</font>#=1~7;数字愈大字也愈大【2】指定字型<font face=”字型名称”>……….</font>【3】文字颜色<font color=#rrggbb>……….</font> rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码3.显示小字体<small>……….</small>4.显示大字体<big>……….</big>5.粗体字<b>……….</b>6.斜体字<i>……….</i>7.打字机字体<tt>……….</tt>8.底线<u>……….</u>9.删除线<strike>……….</strike>10.下标字<sub>……….</sub>11.上标字<sup>……….</sup>12.文字闪烁效果<blink>……….</blink>13.换行<br>14.分段<p>15.文字的对齐方向<p align=”#”> #号可为 left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.<p align=”#”>之后的文字都会以所设的对齐方式显示,直到出现另一个<p align=”#”>改变其对齐方向,或遇到<hr>ⅱ<h#>标签时会自动设回预设的向左对齐。

Dreamweaver CS5 常用代码

Dreamweaver CS5 常用代码

Dreamweaver CS5------常用代码1.浮动帧标签代码:<iframe src=”URL”width=”X”heiht=”X”scolling =”OPTION “frameborder = “X”></frame>例如:<iframe src=”11.txt” width=”120”heiht=”100” scolling =”auto/yes/no滚动条” frameborder = “1边框宽度”></frame>2.内容左对齐:<marquee align=”left”>向左对齐的内容</marquee>标签内容滚动方式:<marquee behavior=”alternate”>来回滚动的内容</marquee>Alternate两端之间来回滚动Scroll 由一端滚动到另一端会重复Slide由一端滚动到另一端不会重复3.滚动的文字或图片:<marquee id="affiche" align="left" behavior="scroll"bgcolor="#FF0000" direction="up" height="300" width="200"hspace="50" vspace="20" loop="-1" scrollamount="10"scrolldelay="100" onmouseout="this.star()"onmouseover="this.stop()"> 滚动的字幕实例</marquee>Bgcolor 用来设定活动字幕的背景颜色Direction 用来设定文字的滚动方向 down(向下) right(向右) up(向上) left(向左)Hspace 用来设定与上一级容器标签的水平边框的距离vspace 用来设定与上一级容器标签的垂直边框的距离loop 用来设定滚动的此数当loop=-1时一直滚动下去scrollamount 设定字幕滚动速度单位pixelsscrolldelay 设定两次滚动之间的延迟时间单位 millisecond(毫秒)onmouseout="this.star()" 用来设定鼠标移出滚动区域时继续滚动onmouseover="this.stop()" 用来设置鼠标移入滚动区域时停止滚动图片滚动:<marquee width="380" height="80" onmouseover="stop()"onmouseout="start()" scrollamount="3" loop="infinite"deplay="0"><img src="images/1.jpg"><img src="images/2.jpg"><img src="images/3.jpg"></marquee>。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Dreamweaver网页设计代码大全Dreamweaver网页设计HTML语法大全由51RGB小编整理分享:
< !> 跑马灯
<marquee>...</marquee>普通卷动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回卷动
<marquee direction=down>...</marquee>向下卷动
<marquee direction=up>...</marquee>向上卷动
<marquee direction=right></marquee>向右卷动
<marquee direction=left></marquee>向左卷动
<marquee loop=2>...</marquee>卷动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scrollamount=30>...</marquee>设定卷动距离
<marquee scrolldelay=300>...</marquee>设定卷动时间
<!>字体效果
<h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<tt>...</tt> 打字体
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体
<font style =font-size:100 px>...</font>无限增大
<!>区断标记
<hr>水平线
<hr size=9>水平线(设定大小)
<hr width=80%>水平线(设定宽度)
<hr color=ff0000>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>连结格式
<base href=地址>(预设好连结路径)
<a href=地址></a>外部连结
<a href=地址target=_blank></a>外部连结(另开新窗口)
<a href=地址target=_top></a>外部连结(全窗口连结)
<a href=地址target=页框名></a>外部连结(在指定页框连结)
<!>贴图/音乐
<img src=图片地址>贴图
<img src=图片地址width=180>设定图片宽度
<img src=图片地址height=30>设定图片高度
<img src=图片地址alt=提示文字>设定图片提示文字
<img src=图片地址border=1>设定图片边框
<bgsound src=MID音乐文件地址>背景音乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割窗口
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
< 分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 批注。

相关文档
最新文档