2022-05-28 分類: 網(wǎng)站建設(shè)
網(wǎng)頁制作代碼,對(duì)于不了解網(wǎng)頁制作的來說,可能就像天書一樣,摸不站頭腦,這樣也情有可愿;不說門外漢,就連是從事多年網(wǎng)絡(luò)行業(yè)的設(shè)計(jì)師,可能也說不出一個(gè)概念來,首先,我們來簡(jiǎn)單認(rèn)識(shí)一下什么是網(wǎng)頁制作代碼:
1、源碼是使用html編寫的,通過IE把它翻譯為網(wǎng)頁,它是所有網(wǎng)頁的核心,但是html 并不是計(jì)算機(jī)語言,只是網(wǎng)頁的另一種描述.源代碼是一種語言,組織排版網(wǎng)頁上的元素(圖片,視頻,音樂,文字等)的一種標(biāo)準(zhǔn)語言。
2、如果您要制作網(wǎng)頁,您可以選用如Frontpage或Dreamwaver等工具,這些工具都是所見即所得性質(zhì)的,就是說您在工具界而上制作的,就能直接在瀏覽中原樣顯示出來。但,這些工具同時(shí)還提供了源代碼視圖,也就是說,如果一些功能沒有辦法直接通過工具來實(shí)現(xiàn),那你要編輯源代碼了。
3、當(dāng)然,您也可以直接用記事本來編輯網(wǎng)頁,直接輸入代碼,然后另存為.htm或.asp或其他為后綴名的文件。您保存下來的這些文件就是網(wǎng)頁了,而您在記事本里編輯的那些,就是源代碼。
一般常用的網(wǎng)頁制作代碼有以下這些:
一:文字加粗 傾斜的代碼
◆文字加粗的代碼是: <b>你好</b> ◆文字傾斜的代碼是: <i>你好!</i> ◆底線字:<u></u>
二:文字鏈接代碼
如果您想點(diǎn)擊某處文字會(huì)連接到另外一個(gè)網(wǎng)頁的效果,這是超鏈接,代碼是這樣:
<a href="網(wǎng)站地址";>共享空間</a>如果要點(diǎn)了這個(gè)文字以后重新打開一個(gè)窗口的話,代碼是:<a href="網(wǎng)站地址";; target="_blank">共享空間</a>
三:在網(wǎng)站上放圖片的代碼
如果你看到一個(gè)好看的圖片想放到網(wǎng)站上,代碼是這樣的:
<img src="/upload/pic16/163logo.gif"; width="150" height="100">
后面的數(shù)字調(diào)節(jié)圖片的尺寸大小。
四:圖片鏈接代碼
如果要點(diǎn)一下圖片就能打開一個(gè)網(wǎng)站的鏈接代碼是這樣的:
<a href="http://www.163.com";><img src="/upload/pic16/163logo.gif"; width="150" height="100"></a>
如果要點(diǎn)一下圖片就能打開一個(gè)網(wǎng)站的鏈接,并且重新打開一個(gè)窗口。代碼是這樣的:
<a href="http://";; target="_blank"><img src="/upload/pic16/163logo.gif"; width="150" height="100"></a>上面的數(shù)字都能調(diào)節(jié)圖片尺寸大小。
五:換行代碼
如果你想換行,直接用Enter鍵是不行的,需要在您想換行的位置輸入<br>
,這樣就會(huì)分成兩行顯示 ,整個(gè)網(wǎng)站看起來也不會(huì)是一大片了,而是段落分明。
六:文字移動(dòng)的代碼是
<marquee>這里寫文字</marquee>
七:移動(dòng)圖片的代碼
<marquee><img src="/upload/pic16/3120.jpg";><img src="http:///images/2002/gamemm/0604/s/13.jpg";><img src="/upload/pic16/30.jpg";><marquee>
把里面的圖片地址換成你的就行 想多放一個(gè)圖片就按照格式在中間插入:
<img src="/images/2002/gamemm/0604/s/13.jpg";>
里面的圖片地址自己定。
八:背景音樂的代碼
如果想在你的網(wǎng)站上放上一段好聽的背景音樂,代碼是: <bgsound src="http:///xxx.mid";loop=10>
<bgsound src="http:///midi/music.ASP?id=3073";loop=30> 里面的背景音樂地址你能自己替換。
前面的是音樂地址,一般都以mid或者mp3的形式結(jié)尾 后面的數(shù)字是播放次數(shù)。
http://www.midifan.com/midi/
這個(gè)網(wǎng)站都有好的背景音樂
九:在網(wǎng)站中插入一個(gè)flash動(dòng)畫的代碼是
<embed width=200 height=200
src="http:///view/2/fff.swf";> 里面的動(dòng)畫地址換成你的.動(dòng)畫地址都要以swf的形式結(jié)尾。這點(diǎn)需要注意。
十:打開網(wǎng)站時(shí)候出現(xiàn)的歡迎詞代碼
<body alert("你好,歡迎訪問本網(wǎng)站!")>
十一:關(guān)閉網(wǎng)站的時(shí)候出現(xiàn)的話
<body onUnload="window.alert('謝謝您的光臨,誠(chéng)邀加盟.請(qǐng)記住本站域名:/ 站長(zhǎng)信箱:****@yahoo.com.cn 歡迎咨詢')">
十二:打開網(wǎng)站的時(shí)候自己做一個(gè)彈出窗口的廣告
<script language="java script">
var TimerID=1;
window.open('','','width=600,height=300,left=100,top=50');
</script>
里面的 http://163.com 這個(gè)是你預(yù)先做好的一個(gè)網(wǎng)頁,后面的數(shù)字是調(diào)節(jié)大小和位置的,你自己多試驗(yàn)幾次。
十三:鼠標(biāo)感應(yīng)字體變紅色的代碼如下:插在<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>
十四:禁止他人復(fù)制你網(wǎng)頁的代碼:
<body bgcolor="#ffffff"oncontextmenu="return false"onselectstart="return false">
十五:把其它網(wǎng)頁放入自已網(wǎng)頁中的代碼:
<IFRAME name=smjh align=center src="..//這里換成你要放入網(wǎng)站的網(wǎng)址" frameBorder=0 width=760 scrolling=no height=300></IFRAME>
當(dāng)然,網(wǎng)頁設(shè)計(jì)也是博大精深,這些只不過是最基本、最基礎(chǔ)的網(wǎng)頁制作代碼,如果要運(yùn)用得心應(yīng)手,把網(wǎng)頁制作得更具吸引力,單單了解以下這些是遠(yuǎn)運(yùn)不夠的!
當(dāng)前文章:網(wǎng)頁制作代碼
文章URL:http://m.rwnh.cn/news5/160305.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、網(wǎng)頁設(shè)計(jì)公司、軟件開發(fā)、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容