MENU 服務(wù) 案例
網(wǎng)站建設(shè)-網(wǎng)站設(shè)計(jì)-北京網(wǎng)站建設(shè)-高端網(wǎng)站制作公司-尚品中國
我們通過擁抱變化創(chuàng)造
360°的品牌價(jià)值__
簡體
簡體中文 English

尚品簽約辰欣藥業(yè)股份有限公司官網(wǎng)建設(shè)

類型:尚品動(dòng)態(tài) 了解更多

網(wǎng)站制作教程之如何創(chuàng)建圖像和鏈接?

來源:尚品中國| 類型:網(wǎng)站百科| 時(shí)間:2015-12-11

上一節(jié)中,3個(gè)村民排列了自家的產(chǎn)品,這回, 其中第一個(gè)村民為了和其他村民競爭,給產(chǎn)品加上了圖片。圖形化網(wǎng)頁列表如代碼1-3所示。

圖形化網(wǎng)頁列表


打開記事本,輸入以上代碼,另存文件名為“img.htm"至桌面,雙擊“img.htm”文件,顯示結(jié)果如圖1.5所示。

創(chuàng)建圖像


提示:此時(shí)是看不到圖片的,趕緊上網(wǎng)找?guī)讖埗?、西瓜、南瓜的圖片,然后在桌面新建文件夾“images",將找到的圖片放入“images’文件夾,重新打開img.htm看看,就能看到了。

網(wǎng)站建設(shè)代碼分析:在網(wǎng)頁中加入圖片用<img>標(biāo)簽,在本例中,<img>標(biāo)簽有3個(gè)屬性,屬性之間用空格分隔,其中“src"屬性指定圖片的徑,"width"屬性指定圖片的寬度,"height"屬性指定圖片的高度。

自從第一個(gè)村民給冬瓜、西瓜、南瓜加上圖片后,其他村民紛紛效仿,直到后來每個(gè)人的產(chǎn)品都越來越多時(shí).一個(gè)頁面就放不下所有的圖片了。這時(shí),第蘭個(gè)村民潛心學(xué)習(xí)幾天后,決定進(jìn)行改版,將原有的圖片分離列表頁,列表僅用于顯示產(chǎn)品的名稱和說明,名稱上加鏈接,單擊名稱就可以看到圖片。

第三個(gè)村民共有4個(gè)頁面源代碼。打開記事本,輸入代碼1-4,另存文件名為“links.htm"至桌面。

帶連接的網(wǎng)頁links.htm


打開記事本,輸入以下代碼,另存文件名為"donggua.htm"至桌面。

donggua.htm代碼


打開記事本,輸入以下代碼,另存文件名為“nangua.htm”至桌面。

nangua.htm代碼


都保存好后,回到桌面,雙擊"links.htm”文件,瀏覽器顯示結(jié)果如圖1.6所示。

頁面內(nèi)容中的冬瓜、西瓜和南瓜都有了顏色和下畫線,這說明冬瓜、西瓜和南瓜分別都有一個(gè)鏈接,單擊后會(huì)跳轉(zhuǎn)到另一個(gè)地方。單擊任意一個(gè)鏈接,例如冬瓜,瀏覽器跳轉(zhuǎn)到“donggua.htm",到達(dá)"donggua.htm"后,還可以單擊“返回列表”鏈接回到“links.htm", 如圖11.7所示。

鏈接頁面

營銷型網(wǎng)站建設(shè)代碼分析:要從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面,可以用鏈接標(biāo)簽<a>,在本例中,<a>標(biāo)簽有一個(gè)屬性"href”用來指定需耍到達(dá)的頁。有了鏈接,就不需要每次都在瀏覽器地址欄輸入地址,直接單擊鏈接后就可以到達(dá)想去的地方,就像現(xiàn)在人們使用的Internet,一個(gè)網(wǎng)站鏈接著另一個(gè)網(wǎng)站,而另一個(gè)網(wǎng)站又鏈接著其他網(wǎng)站,最后組成了不知道有多大的網(wǎng)。
來源聲明:本文章系尚品中國編輯原創(chuàng)或采編整理,如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò),如有侵權(quán),請及時(shí)與本站聯(lián)系(010-60259772)。
TAG標(biāo)簽:

如果您的網(wǎng)站可以增加轉(zhuǎn)化次數(shù)并提高客戶滿意度,該怎么辦?

預(yù)約專業(yè)咨詢顧問溝通!

*尚品專業(yè)顧問將盡快與您聯(lián)系

免責(zé)聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益,請您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com

現(xiàn)在就與專業(yè)咨詢顧問溝通!

  • 全國服務(wù)熱線

    400-700-4979

  • 北京服務(wù)熱線

    010-60259772

信息保護(hù)中請放心填寫
在線咨詢

免責(zé)聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益,請您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com