网页制作代码

2022-05-28 分类：网站建设

网页制作代码，对于不了解网页制作的来说，可能就像天书一样，摸不站头脑，这样也情有可愿；不说门外汉，就连是从事多年网络行业的设计师，可能也说不出一个概念来，首先，我们来简单认识一下什么是网页制作代码：

1、源码是使用html编写的,通过IE把它翻译为网页,它是所有网页的核心,但是html 并不是计算机语言,只是网页的另一种描述.源代码是一种语言，组织排版网页上的元素（图片，视频，音乐，文字等）的一种标准语言。

2、如果您要制作网页，您可以选用如Frontpage或Dreamwaver等工具，这些工具都是所见即所得性质的，就是说您在工具界而上制作的，就能直接在浏览中原样显示出来。但，这些工具同时还提供了源代码视图，也就是说，如果一些功能没有办法直接通过工具来实现，那你要编辑源代码了。

3、当然，您也可以直接用记事本来编辑网页，直接输入代码，然后另存为.htm或.asp或其他为后缀名的文件。您保存下来的这些文件就是网页了，而您在记事本里编辑的那些，就是源代码。

一般常用的网页制作代码有以下这些：

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

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

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

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

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

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

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

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

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

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

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

十二：打开网站的时候自己做一个弹出窗口的广告
<script language="java script">
var TimerID=1;
window.open('','','width=600,height=300,left=100,top=50');
</script>
里面的 http://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>

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

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

当然，网页设计也是博大精深，这些只不过是最基本、最基础的网页制作代码，如果要运用得心应手，把网页制作得更具吸引力，单单了解以下这些是远运不够的！

当前文章：网页制作代码
文章URL：/news5/160305.html

成都网站建设公司_创新互联，为您提供微信公众号、网页设计公司、软件开发、外贸网站建设、品牌网站建设、网站导航

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容