© 爱炊烟
Powered by LOFTER

网页设计 Dreamweaver 网页制作常用代码

常用代码收藏

fengshengshuiqi06:

网页设计 Dreamweaver 网页制作常用代码


 


对于网页设计的人员很多代码要自己去搜集,还有很多也是需要自己写的,但是如果有搜集的,就更好了,下面由51rgb小编Q群162542073整理分享一些,


 


一:文字加粗 倾斜的代码 
◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好!</i> ◆底线字:<u></u> 

二:文字链接代码 
如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样: 
<a href="网站地址";>共享空间</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="网站地址";; target="_blank">共享空间</a> 

三:在网站上放图片的代码 
如果你看到一个好看的图片想放到网站上,代码是这样的: 
<img src="https://www.mycodes.net/wwwimages/n/163logo.gif"; width="150" height="100"> 
后面的数字调节图片的尺寸大小。 

四:图片链接代码 
如果要点一下图片就能打开一个网站的链接代码是这样的: 
<a href="https://www.163.com";><img src="https://www.mycodes.net/wwwimages/n/163logo.gif"; width="150" height="100"></a> 
如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的: 
<a href="https://www.mycodes.net";; target="_blank"><img src="https://www.mycodes.net/wwwimages/n/163logo.gif"; width="150" height="100"></a>上面的数字都能调节图片尺寸大小。 

五:换行代码 
如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入<br> 
,这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明。 

六:文字移动的代码是 
<marquee>这里写文字</marquee> 

七:移动图片的代码 
<marquee><img src="https://www.mycodes.net/images/2002/gamemm/0604/s/36.jpg";><img src="https://www.mycodes.net/images/2002/gamemm/0604/s/13.jpg";><img src="https://www.mycodes.net/images/2002/gamemm/0604/s/30.jpg";><marquee> 
把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入: 
<img src="https://games.tom.com/images/2002/gamemm/0604/s/13.jpg";> 
里面的图片地址自己定。 

八:背景音乐的代码 
如果想在你的网站上放上一段好听的背景音乐,代码是: <bgsound src="https://www.mycodes.net/xxx.mid";loop=10> 
<bgsound src="https://www.mycodes.net/midi/music.ASP?id=3073";loop=30> 里面的背景音乐地址你能自己替换。 
前面的是音乐地址,一般都以mid或者mp3的形式结尾 后面的数字是播放次数。 
https://www.midifan.com/midi/ 
这个网站都有好的背景音乐 

九:在网站中插入一个flash动画的代码是 
<embed width=200 height=200
src="https://www.mycodes.net/view/2/fff.swf";> 里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。 

十:打开网站时候出现的欢迎词代码 
<body alert("你好,欢迎访问本网站!")> 

十一:关闭网站的时候出现的话 
<body onUnload="window.alert('谢谢您的光临,诚邀加盟.请记住本站域名:www.mycodes.net/ 站长信箱:****@yahoo.com.cn 欢迎咨询')"> 

十二:打开网站的时候自己做一个弹出窗口的广告 
<script language="java script"> 
var TimerID=1; 
window.open('www.mycodes.net&#39;,'','width=600,height=300,left=100,top=50'); 
</script> 
里面的 https://163.com 这个是你预先做好的一个网页,后面的数字是调节大小和位置的,你自己多试验几次。 

十三:鼠标感应字体变红色的代码如下:插在<body></body>之间 

<STYLE type=text/css>TD { 
FONT-SIZE: 12px

BODY { 
FONT-SIZE: 12px

INPUT { 
FONT-SIZE: 12px

A:link { 
COLOR: #000000; TEXT-DECORATION: none

A:visited { 
COLOR: #000000; TEXT-DECORATION: none

A:active { 
COLOR: blue; TEXT-DECORATION: none

A:hover { 
COLOR: red; TEXT-DECORATION: underline
} .so { 
BORDER-RIGHT: 1px ridge; BORDER-TOP: #ffffff 1px ridge; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px ridge; BORDER-BOTTOM: 1px ridge; BACKGROUND-COLOR: #cccccc

</STYLE> 

十四:禁止他人复制你网页的代码: 

<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false"> 

十五:把其它网页放入自已网页中的代码: 

<IFRAME name=smjh align=center src="../www.mycodes.net/这里换成你要放入网站的网址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>


 


 


51RGB在线教育官网指定学习Q群162542073 更多免费教程,素材,源文件等,请前往www.51rgb.com


网页设计视频网站链接https://www.51rgb.com/mproductzh.aspx?classid=31


51RGB网络营销教程       https://www.51rgb.com/mproductzh.aspx?classid=38



adobe软件  Ps视频   AI视频  DW视频   网络营销视频集锦


https://yun.baidu.com/share/home?uk=271892183&view=album


  


豆瓣 网站网页设计小组


https://www.douban.com/group/520499/


 奋斗的新浪博客


https://blog.sina.com.cn/u/1748316330


帆的QQ空间


https://user.qzone.qq.com/113125174/main


风生水起博客


https://fengshengshuiqi06.blog.163.com/manage/#m=0&t=0


 


来源:fengshengshuiqi06

评论
热度 ( 26 )
  1. 共1人收藏了此文字
只展示最近三个月数据
TOP