HTML 錨點例項

2022-03-17 00:08:05 字數 1578 閱讀 9742

1

doctype html

>

2<

html

>

3<

head

>

4<

meta

charset

='utf-8'

>

5<

title

>錨點例項

title

>

6head

>

7<

body

>

8<

h1>錨點例項

h1>

9<

h3 id

= 'dingbu'

>這是頂部

h3>

10<

a href

= '#one'

>第一章

a>

11<

a href

= '#two'

>第二章

a>

12<

a href

= '#three'

>第三章

a>

13<

a href

= '#four'

>第四章

a>

1415

<

h1 id

= 'one'

>第一章的內容

h1>

16<

div

style

='width:500px;height:600px;border:solid

2px blue'

>

div>

1718

<

h1 id

= 'two'

>第二章的內容

h1>

19<

div

style

='width:500px;height:600px;border:solid

2px blue'

>

div>

2021

<

h1 id

= 'three'

>第三章的內容

h1>

22<

div

style

='width:500px;height:600px;border:solid

2px blue'

>

div>

2324

<

h1 id

= 'four'

>第四章的內容

h1>

25<

div

style

='width:500px;height:600px;border:solid

2px blue'

>

div>

2627

<

a href

= '#dingbu'

>回到頂部

a>

2829

body

>

30html

>

關於html錨點

1.在a標籤中配置錨點,如下 埋錨點 name tips 基本的注意事項 有用的提示 呼叫 href tips 有用的提示 後來發現,a標籤中除了可以通過name屬性埋錨點,通過id屬性一樣可以。例如 埋錨點 id tips 基本的注意事項 有用的提示 呼叫 href tips 有用的提示 以上兩種...

HTML鏈結 錨點

可做頁內跳轉。參考 w3school 總 也就是說,首先在需要加錨點鏈結的地方新增鏈結的name屬性,然後在其他地方的鏈結中的href就可以指向name,用href name名字 在其他頁面中使用時href要寫完整的url.就醬!name 屬性規定錨 anchor 的名稱。您可以使用 name 屬性...

html錨點總結

點選的時候內容區的位置可以自己控制?html 一.思路1 內容區域一定要給滾動臺,然後給滾動條設定寬高為0px,隱藏滾動條,內容的div要給到高度大於螢幕的高度,就可以實現翻頁的效果 一.思路2 如果根據html的滾動條來實現,如果想到達自己制定的位置,可以給相應的padding和margin值,或...