網站制作教程之如何創建圖像和鏈接?
2023-01-28 分類： 網站建設
上一節中，3個村民排列了自家的產品，這回, 其中第一個村民為了和其他村民競爭，給產品加上了圖片。圖形化網頁列表如代碼1-3所示。
打開記事本，輸入以上代碼，另存文件名為“img.htm"至桌面，雙擊“img.htm”文件，顯示結果如圖1.5所示。
提示：此時是看不到圖片的，趕緊上網找幾張冬瓜、西瓜、南瓜的圖片，然后在桌面新建文件夾“images"，將找到的圖片放入“images’文件夾，重新打開img.htm看看，就能看到了。
網站建設代碼分析：在網頁中加入圖片用<img>標簽，在本例中，<img>標簽有3個屬性，屬性之間用空格分隔，其中“src"屬性指定圖片的徑，"width"屬性指定圖片的寬度，"height"屬性指定圖片的高度。
自從第一個村民給冬瓜、西瓜、南瓜加上圖片后，其他村民紛紛效仿，直到后來每個人的產品都越來越多時.一個頁面就放不下所有的圖片了。這時，第蘭個村民潛心學習幾天后，決定進行改版，將原有的圖片分離列表頁，列表僅用于顯示產品的名稱和說明，名稱上加鏈接，單擊名稱就可以看到圖片。
第三個村民共有4個頁面源代碼。打開記事本，輸入代碼1-4，另存文件名為“links.htm"至桌面。
打開記事本，輸入以下代碼，另存文件名為"donggua.htm"至桌面。
打開記事本，輸入以下代碼，另存文件名為“nangua.htm”至桌面。
都保存好后，回到桌面，雙擊"links.htm”文件，瀏覽器顯示結果如圖1.6所示。
頁面內容中的冬瓜、西瓜和南瓜都有了顏色和下畫線，這說明冬瓜、西瓜和南瓜分別都有一個鏈接，單擊后會跳轉到另一個地方。單擊任意一個鏈接，例如冬瓜，瀏覽器跳轉到“donggua.htm"，到達"donggua.htm"后，還可以單擊“返回列表”鏈接回到“links.htm", 如圖11.7所示。
當前文章：網站制作教程之如何創建圖像和鏈接?
網站URL：http://www.js-pz168.com/news18/233018.html
成都網站建設公司_創新互聯，為您提供動態網站、網站建設、靜態網站、關鍵詞優化、虛擬主機、軟件開發
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 濰坊網站排名做SEO優化需要留意這十大問題 2023-01-28
- 聊城SEO關于織夢網站內容頁優化流程，小編有三點能力教給你 2023-01-28
- 威海SEO【人工智能優化網站】操作人工智能措施實現網站優化 2023-01-28
- 創建網站如何外鏈交換 2023-01-28
- 為什么要做定制類型的電商建站? 2023-01-28
- 從道家思想分析seo策略 2023-01-28
- 青島網站優化做偽原創文章的能力頁面基本優化 2023-01-28
- 高校網站建設改版后網站的優化效果如何補救？ 2023-01-28
- 淄博SEOwin10進級卡住死機怎么辦win10進級失敗辦理要領 2023-01-28
- 新站上線不可心急一切變化皆有可能 2023-01-28
- 淄博競價托管網站優化為什么要堅持更新文章? 2023-01-28
- Seoer要保持理性狀態對待搜索引擎的每一次更新 2023-01-28
- 百度快照推廣做好男女seo優化師分工任務，利于網站優化事情的順利開展 2023-01-28
- 萊蕪百度快照推廣互聯網的地空寬帶 2023-01-28
- 棗莊網絡推廣周鴻祎：創業公司的民主，其實不外是在奉迎每小我私家 2023-01-28
- 一個好的網頁設計有哪些注意事項 2023-01-28
- SEM競價前期的準備事項有哪些 2023-01-28
- 網站站內優化提高排名技巧 2023-01-28
- 成都網站建設的常見類型 2023-01-28