商標(biāo)注冊(cè) 版權(quán)登記 專利申請(qǐng) 商標(biāo)買賣 商標(biāo)駁回復(fù)審 撤銷連續(xù)三年不使用 專利年費(fèi)代繳 專利評(píng)估 專利交易
代理記賬 公司注冊(cè) 工商變更 公司注銷 銀行開(kāi)戶/變更 個(gè)體工商營(yíng)業(yè)執(zhí)照
定制建站 模版網(wǎng)站 騰訊電子簽 騰訊企業(yè)郵箱 小程序/APP開(kāi)發(fā) SSL證書 主機(jī) 域名
高新技術(shù)企業(yè)認(rèn)定 增值電信業(yè)務(wù) ISO體系認(rèn)證 CMMI軟件成熟度認(rèn)證 專精特新企業(yè)認(rèn)定 新技術(shù)新產(chǎn)品
殘保金解決方案 人力資源外包服務(wù) 五險(xiǎn)一金標(biāo)準(zhǔn)服務(wù) 北京工作居住證開(kāi)戶 辦理咨詢服務(wù)
上一節(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,另存文件名為“l(fā)inks.htm"至桌面。
打開(kāi)記事本,輸入以下代碼,另存文件名為"donggua.htm"至桌面。
打開(kāi)記事本,輸入以下代碼,另存文件名為“nangua.htm”至桌面。
都保存好后,回到桌面,雙擊"links.htm”文件,瀏覽器顯示結(jié)果如圖1.6所示。
頁(yè)面內(nèi)容中的冬瓜、西瓜和南瓜都有了顏色和下畫線,這說(shuō)明冬瓜、西瓜和南瓜分別都有一個(gè)鏈接,單擊后會(huì)跳轉(zhuǎn)到另一個(gè)地方。單擊任意一個(gè)鏈接,例如冬瓜,瀏覽器跳轉(zhuǎn)到“donggua.htm",到達(dá)"donggua.htm"后,還可以單擊“返回列表”鏈接回到“l(fā)inks.htm", 如圖11.7所示。
文章內(nèi)容來(lái)源于網(wǎng)絡(luò),侵刪
關(guān)注公眾號(hào)
在線客服