Link to different locations on the same page

This example demonstrates:

This example demonstrates how to use a link to jump to another part of the document.

##Example analysis:

<a href="#C4">View Chapter 4</a> ;, add #C4 after the link to jump to another part of the document.

Continuing Learning

new file

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(ipnx.cn)</title> </head> <body> <p> <a href="#C4">查看章節(jié) 4</a> </p> <h2>章節(jié) 1</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 2</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 3</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2><a id="C4">章節(jié) 4</a></h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 5</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 6</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 7</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 8</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 9</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 10</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 11</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 12</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 13</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 14</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 15</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 16</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> <h2>章節(jié) 17</h2> <p>這邊顯示該章節(jié)的內(nèi)容……</p> </body> </html>

submit Reset Code

Automatic operation