網(wǎng)站制作教程之如何創(chuàng)建圖像和鏈接?
上一節(jié)中，3個村民排列了自家的產(chǎn)品，這回, 其中第一個村民為了和其他村民競爭，給產(chǎn)品加上了圖片。圖形化網(wǎng)頁列表如代碼1-3所示。
打開記事本，輸入以上代碼，另存文件名為“img.htm"至桌面，雙擊“img.htm”文件，顯示結(jié)果如圖1.5所示。
提示：此時是看不到圖片的，趕緊上網(wǎng)找?guī)讖埗?、西瓜、南瓜的圖片，然后在桌面新建文件夾“images"，將找到的圖片放入“images’文件夾，重新打開img.htm看看，就能看到了。
網(wǎng)站建設代碼分析：在網(wǎng)頁中加入圖片用<img>標簽，在本例中，<img>標簽有3個屬性，屬性之間用空格分隔，其中“src"屬性指定圖片的徑，"width"屬性指定圖片的寬度，"height"屬性指定圖片的高度。
自從第一個村民給冬瓜、西瓜、南瓜加上圖片后，其他村民紛紛效仿，直到后來每個人的產(chǎn)品都越來越多時.一個頁面就放不下所有的圖片了。這時，第蘭個村民潛心學習幾天后，決定進行改版，將原有的圖片分離列表頁，列表僅用于顯示產(chǎn)品的名稱和說明，名稱上加鏈接，單擊名稱就可以看到圖片。
第三個村民共有4個頁面源代碼。打開記事本，輸入代碼1-4，另存文件名為“links.htm"至桌面。
打開記事本，輸入以下代碼，另存文件名為"donggua.htm"至桌面。
打開記事本，輸入以下代碼，另存文件名為“nangua.htm”至桌面。
都保存好后，回到桌面，雙擊"links.htm”文件，瀏覽器顯示結(jié)果如圖1.6所示。
頁面內(nèi)容中的冬瓜、西瓜和南瓜都有了顏色和下畫線，這說明冬瓜、西瓜和南瓜分別都有一個鏈接，單擊后會跳轉(zhuǎn)到另一個地方。單擊任意一個鏈接，例如冬瓜，瀏覽器跳轉(zhuǎn)到“donggua.htm"，到達"donggua.htm"后，還可以單擊“返回列表”鏈接回到“links.htm", 如圖11.7所示。
建站流程
-
網(wǎng)站需求
-
網(wǎng)站策劃方案
-
頁面設計風格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設計開發(fā)
-
后續(xù)跟蹤服務
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設
- 食品網(wǎng)站建設
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設
- 研究所網(wǎng)站建設
- 沈陽網(wǎng)站建設
- 廊坊網(wǎng)站建設
- 鄭州網(wǎng)站建設
- 婚紗攝影網(wǎng)站建設
- 手機端網(wǎng)站建設
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設
- 教育網(wǎng)站建設
- 品牌網(wǎng)站建設
- 政府網(wǎng)站建設
- 北京網(wǎng)站建設
- 網(wǎng)站設計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
企業(yè)網(wǎng)站建設需要注意的地方
無論是做個人網(wǎng)站建設，企業(yè)網(wǎng)站建設還是其他一些網(wǎng)站，在做之前一定要有一...
2021-11-05 -
科研院所網(wǎng)站設計細節(jié)要注意什么？
科研院對于網(wǎng)站的使用十分的重視，這是為了提高對外的宣傳，以及文章的發(fā)布...
2023-02-24 -
網(wǎng)站建設公司如何使用文章引流
網(wǎng)站建設公司，你知道我們每天更新文章的目的嗎？讓百度收錄，讓訪客看到，...
2021-12-24 -
微信小程序開發(fā)
微信小程序是一種輕量級的應用程序，通過微信平臺進行發(fā)布和使用，逐漸成為...
2023-08-02 -
性能決定一切，響應式能否解決一些問題？
認為響應式能解決所有問題，那就大錯特錯了據(jù)有關(guān)數(shù)據(jù)顯示，當前大約有11...
2018-08-31 -
企業(yè)網(wǎng)站完善自身內(nèi)容應遵循的原則
企業(yè)網(wǎng)站內(nèi)容的吸引力缺乏已經(jīng)嚴重影響了網(wǎng)站制作的網(wǎng)絡營銷效果，企業(yè)網(wǎng)站...
2012-06-18
預約專業(yè)咨詢顧問溝通！
尚品專注高端網(wǎng)站建設，系統(tǒng)平臺開發(fā)，微信小程序及APP開發(fā)服務
免責聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學習和交流，切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī)，當本聲明與國家法律法規(guī)沖突時，以國家法律法規(guī)為準。
4、如果侵害了您的合法權(quán)益，請您及時與我們,我們會在第一時間刪除相關(guān)內(nèi)容!
聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com
