- 簡(jiǎn)體
- 簡(jiǎn)體中文 English
網(wǎng)站制作教程之如何創(chuàng)建圖像和鏈接?
上一節(jié)中,3個(gè)村民排列了自家的產(chǎn)品,這回, 其中第一個(gè)村民為了和其他村民競(jìng)爭(zhēng),給產(chǎn)品加上了圖片。圖形化網(wǎng)頁(yè)列表如代碼1-3所示。
打開(kāi)記事本,輸入以上代碼,另存文件名為“img.htm"至桌面,雙擊“img.htm”文件,顯示結(jié)果如圖1.5所示。
提示:此時(shí)是看不到圖片的,趕緊上網(wǎng)找?guī)讖埗?、西瓜、南瓜的圖片,然后在桌面新建文件夾“images",將找到的圖片放入“images’文件夾,重新打開(kāi)img.htm看看,就能看到了。
網(wǎng)站建設(shè)代碼分析:在網(wǎng)頁(yè)中加入圖片用<img>標(biāo)簽,在本例中,<img>標(biāo)簽有3個(gè)屬性,屬性之間用空格分隔,其中“src"屬性指定圖片的徑,"width"屬性指定圖片的寬度,"height"屬性指定圖片的高度。
自從第一個(gè)村民給冬瓜、西瓜、南瓜加上圖片后,其他村民紛紛效仿,直到后來(lái)每個(gè)人的產(chǎn)品都越來(lái)越多時(shí).一個(gè)頁(yè)面就放不下所有的圖片了。這時(shí),第蘭個(gè)村民潛心學(xué)習(xí)幾天后,決定進(jìn)行改版,將原有的圖片分離列表頁(yè),列表僅用于顯示產(chǎn)品的名稱和說(shuō)明,名稱上加鏈接,單擊名稱就可以看到圖片。
第三個(gè)村民共有4個(gè)頁(yè)面源代碼。打開(kāi)記事本,輸入代碼1-4,另存文件名為“links.htm"至桌面。
打開(kāi)記事本,輸入以下代碼,另存文件名為"donggua.htm"至桌面。
打開(kāi)記事本,輸入以下代碼,另存文件名為“nangua.htm”至桌面。
都保存好后,回到桌面,雙擊"links.htm”文件,瀏覽器顯示結(jié)果如圖1.6所示。
頁(yè)面內(nèi)容中的冬瓜、西瓜和南瓜都有了顏色和下畫(huà)線,這說(shuō)明冬瓜、西瓜和南瓜分別都有一個(gè)鏈接,單擊后會(huì)跳轉(zhuǎn)到另一個(gè)地方。單擊任意一個(gè)鏈接,例如冬瓜,瀏覽器跳轉(zhuǎn)到“donggua.htm",到達(dá)"donggua.htm"后,還可以單擊“返回列表”鏈接回到“links.htm", 如圖11.7所示。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁(yè)面設(shè)計(jì)風(fēng)格
-
確認(rèn)交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計(jì)開(kāi)發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門(mén)標(biāo)簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開(kāi)發(fā)
- 小程序開(kāi)發(fā)
- 無(wú)錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽(yáng)網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機(jī)端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計(jì)
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
什么是網(wǎng)頁(yè)模板
模板是一種提高網(wǎng)站制作效率的有效工具。在網(wǎng)頁(yè)設(shè)計(jì)中,同一個(gè)網(wǎng)站在設(shè)計(jì)上...
2015-07-21 -
[北京網(wǎng)站制作]OpenOffice.org更名為Apache OpenOffice.org
Apache軟件基金會(huì)正式宣布,OpenOffice.org成為Apa...
2011-10-20 -
互聯(lián)網(wǎng)趨勢(shì)分析以及建設(shè)網(wǎng)站的目的
一、互聯(lián)網(wǎng)發(fā)展概況及企業(yè)網(wǎng)絡(luò)營(yíng)銷(xiāo)應(yīng)用現(xiàn)狀 從商務(wù)應(yīng)用的角度縱觀互聯(lián)網(wǎng)行...
2012-08-11 -
醫(yī)療器械網(wǎng)站建設(shè)怎么利用百科平臺(tái)做網(wǎng)絡(luò)宣傳?
據(jù)悉,隨著互聯(lián)網(wǎng)的普及,企業(yè)利用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷(xiāo)的情況也呈上升趨勢(shì)。很多...
2022-02-11 -
農(nóng)村電商網(wǎng)站建設(shè)需要哪些資料?
商業(yè)計(jì)劃:一個(gè)詳細(xì)的商業(yè)計(jì)劃將幫助您規(guī)劃和確定您的農(nóng)村電商網(wǎng)站的目標(biāo)、...
2023-06-23 -
卓越用戶體驗(yàn)的5個(gè)共同點(diǎn)
如果你已經(jīng)在用移動(dòng)社交的Path,你一定會(huì)非常享受其卓越的用戶體驗(yàn)。P...
2012-02-03
預(yù)約專業(yè)咨詢顧問(wèn)溝通!
免責(zé)聲明
非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前,請(qǐng)您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī),當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí),以國(guó)家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:010-60259772
電子郵件:394588593@qq.com