html如何進行定位

這篇文章將為大家詳細講解有關html如何進行定位,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯主營麥積網站建設的網絡公司,主營網站建設方案,App定制開發(fā),麥積h5微信小程序開發(fā)搭建,麥積網站營銷推廣歡迎麥積等地區(qū)企業(yè)咨詢

html定位的方法:首先創(chuàng)建一個HTML示例文件;然后使用a標簽寫好3個菜單以及內容;接著給每個內容標題的a標簽中加上name屬性并添加“#鏈接”;最后在“#”前面加上具體的頁面即可自動定位到這個頁面的具體位置。

本文操作環(huán)境:windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。

如圖,上方有三個菜單:“人物簡介”、“事跡介紹”、“其他說明”,然后下面就是具體的各個菜單的內容展示,我們需要點擊上面菜單的時候,頁面自動定位到對應的內容

html如何進行定位

如圖,我們先寫好3個菜單,使用a標簽

html如何進行定位

然后在下面寫出各個菜單的內容

html如何進行定位

重點來了,給每個內容標題的a標簽中加上name屬性(給其他標簽加name屬性,上面的菜單是定位不到的)

html如何進行定位

然后給上面的菜單中的各個a標簽加上鏈接:以“#”開頭再加上對應的name屬性

html如何進行定位

不同的頁面之間也是可以定位的,只要在“#”前面加上具體的頁面,然后就會自動定位到這個頁面的具體位置

html如何進行定位

關于“html如何進行定位”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。

網站名稱:html如何進行定位
本文來源:http://muchs.cn/article40/piopeo.html

成都網站建設公司_創(chuàng)新互聯,為您提供網站導航、網站設計公司、移動網站建設、企業(yè)網站制作、品牌網站設計網站制作

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

手機網站建設