網(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)站建設(shè)代碼分析:在網(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)站策劃方案
-
頁面設(shè)計風格
-
確認交付使用
-
資料錄入優(yōu)化
-
程序設(shè)計開發(fā)
-
后續(xù)跟蹤服務(wù)
-
聯(lián)系電話
010-60259772
熱門標簽
- 網(wǎng)站建設(shè)
- 食品網(wǎng)站建設(shè)
- 微信小程序開發(fā)
- 小程序開發(fā)
- 無錫網(wǎng)站建設(shè)
- 研究所網(wǎng)站建設(shè)
- 沈陽網(wǎng)站建設(shè)
- 廊坊網(wǎng)站建設(shè)
- 鄭州網(wǎng)站建設(shè)
- 婚紗攝影網(wǎng)站建設(shè)
- 手機端網(wǎng)站建設(shè)
- 高校網(wǎng)站制作
- 天津網(wǎng)站建設(shè)
- 教育網(wǎng)站建設(shè)
- 品牌網(wǎng)站建設(shè)
- 政府網(wǎng)站建設(shè)
- 北京網(wǎng)站建設(shè)
- 網(wǎng)站設(shè)計
- 網(wǎng)站制作
最新文章
推薦新聞
更多行業(yè)-
企業(yè)網(wǎng)站建設(shè)設(shè)計中常見的幾個誤區(qū)
大多數(shù)人認為網(wǎng)站設(shè)計不重要,不值得花很多錢。這些人也懷疑數(shù)字營銷,比如...
2020-11-03 -
一個好的網(wǎng)站要做好哪些細節(jié)?
小型在線企業(yè)非常清楚他們的網(wǎng)站是在線營銷的核心。大多數(shù)人會在購買前瀏覽...
2020-04-09 -
網(wǎng)站制作完成后收錄不穩(wěn)定有哪些因素?
營銷網(wǎng)站制作好以后收錄量不管是在我們與企業(yè)之間換友鏈也好還是網(wǎng)站關(guān)鍵詞...
2018-10-08 -
網(wǎng)上炒股—網(wǎng)絡(luò)經(jīng)濟社會新的投資方式
當今社會,隨著市場經(jīng)濟的發(fā)展,人們的投資觀念也在發(fā)生變化,越來越意識到...
2014-11-28 -
如何利用站內(nèi)搜索提升用戶體驗
目前SEO網(wǎng)站優(yōu)化用戶體驗變得越來越重要,站長們也越來越重視網(wǎng)站用戶體...
2013-12-13 -
未來十年中國互聯(lián)網(wǎng)發(fā)展趨勢如何?
1.互聯(lián)網(wǎng)將出現(xiàn)更多基于云技術(shù)的服務(wù)項目 互聯(lián)網(wǎng)專家們均認為未來的計...
2015-01-07
預(yù)約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(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