a元素
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="https://www.baidu.com/">
百度
</a>
<!--目录-->
<a href="#chapter1">段落1</a>
<a href="#chapter2">段落2</a>
<a href="#chapter3">段落3</a>
<a href="#chapter4">段落4</a>
<a href="#chapter5">段落5</a>
<a href="#chapter6">段落6</a>
<h2 id="chapter1">章节1</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit a fugit esse hic accusamus ratione iste minus! Illo, enim asperiores! Sit ipsam quidem consequuntur accusamus necessitatibus! Neque impedit expedita consequatur rem obcaecati voluptates aliquam, quo quasi ut est placeat distinctio at eos, a odit quia incidunt, doloribus laudantium doloremque reprehenderit nesciunt quas numquam sapiente aliquid! Officiis doloribus atque veritatis dicta architecto! Animi alias iste numquam, itaque, natus eligendi maiores, ducimus quis fuga dicta inventore. Magni, dolore laboriosam est quidem voluptatem id ad illum placeat cum perspiciatis amet. Quaerat aut rem temporibus reiciendis laborum mollitia vitae libero quas aspernatur! Doloribus, ab!</p>
<h2 id="chapter2">章节2</h2>
<p>Quidem repellendus atque, explicabo enim in officiis maxime eius nihil velit magnam nemo reiciendis ut, aliquid neque similique architecto alias provident magni laboriosam. Incidunt est laboriosam, ab nihil libero, quaerat tempora voluptatem neque sint dignissimos consequatur quae ducimus aliquid corporis voluptatum facere corrupti minus aut molestias fuga ut optio dolorem eaque omnis. Totam dolores dolor est? Inventore, quae molestias vel porro quod enim necessitatibus rem iure sed ratione nisi nostrum sunt cupiditate unde natus pariatur ipsum odit reiciendis doloribus obcaecati. Eos, veniam consectetur dolore magnam pariatur officiis atque amet ad. Nam quis quam quia cum placeat omnis quisquam. Qui, iste.</p>
<h2 id="chapter3">章节3</h2>
<p>Molestiae possimus saepe quos. Ad autem qui, alias, ex, quos voluptatem veniam sunt ullam explicabo temporibus amet officia iure dolorum voluptates! Sed sint sunt explicabo, optio omnis pariatur soluta cupiditate quibusdam! Repudiandae vel eos repellendus dicta magni iure cumque facilis enim iusto deleniti similique beatae odio error ad, sint hic excepturi recusandae dolor amet? Placeat, quisquam? Et culpa amet provident mollitia officiis placeat quia eaque reiciendis, cupiditate quam voluptatibus quos possimus atque nulla illo accusantium! Porro autem nam quidem recusandae voluptas veritatis reiciendis illum voluptate exercitationem natus nulla facilis, aliquam sunt. Dolorem harum unde autem. Distinctio aperiam sint eius ratione.</p>
<h2 id="chapter4">章节4</h2>
<p>Porro fuga aspernatur eius aperiam harum fugiat at aut aliquid sunt ad, ab ipsa omnis totam enim ullam laboriosam magnam pariatur sapiente est tenetur ex itaque. Ab nesciunt quibusdam temporibus odio vitae minima tempore earum quisquam. Explicabo eligendi eius sed quibusdam modi atque dolorum maxime vitae quasi temporibus commodi, sint asperiores, dolorem dolores quam doloremque earum omnis dicta quae voluptas dolor optio distinctio! Harum tempore quasi quibusdam optio obcaecati provident eligendi corporis non quaerat, fugit odio officiis praesentium eveniet eos voluptate. Culpa molestias corrupti cupiditate, fuga hic perferendis, corporis saepe veritatis mollitia debitis labore blanditiis tempore suscipit beatae qui ipsam?</p>
<h2 id="chapter5">章节5</h2>
<p>Nostrum, perspiciatis! Maxime, numquam ad eos officiis sed sit architecto reprehenderit? Nobis odit excepturi beatae aut sit nihil? Quo voluptatum id ducimus eveniet nam ex deleniti dignissimos tempore itaque, vel odit minima! Architecto natus laborum distinctio modi sequi vitae impedit numquam, harum eius repudiandae? Odio sequi repellat ducimus, dignissimos dolore debitis rem dolorem eius. Est assumenda velit alias tenetur, inventore fuga saepe voluptatem, voluptatum mollitia quae laboriosam iste? Soluta itaque inventore ratione quae vitae perferendis delectus veniam mollitia possimus. A ad quo, velit voluptates inventore ab error, non ullam aliquid in dicta unde laudantium quaerat placeat magni sequi ipsum itaque.</p>
<h2 id="chapter6">章节6</h2>
<p>Eaque perferendis eligendi est corrupti porro laboriosam quisquam eos quasi obcaecati nam quas sapiente unde repellat tempora in rem sit maiores veritatis, quo, officia aliquam, molestias libero ad beatae! Distinctio est nobis maiores laboriosam, amet libero dolores maxime ipsa? Labore, explicabo dolorem? Harum, eveniet! Accusantium tempore quo quasi odit fugit, neque, porro eum assumenda dolorum totam tempora a enim aliquam at, eaque cupiditate dolores! Aliquid ipsa cupiditate accusamus ad voluptatem illum, magni, veniam cumque, vitae praesentium reiciendis ullam labore sapiente deserunt placeat quos consequatur qui blanditiis illo voluptates dolor! Sit hic nemo sed similique exercitationem aspernatur aut reiciendis beatae neque.</p>
<a href="#">回到顶部</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="index.html#chapter3">页面第三章</a>
<a href="javascript:alert('你好！')">弹出：你好！</a>
<a href="mailto:2726913788@qq.com">点击发送邮件</a>
<a href="tel:17384813007">点击拨打电话</a>
<a href="https://douyu.com" target="_blank" title="直播平台">斗鱼直播</a>
<a href="https://douyu.com">斗鱼直播</a>
</body>
</html>
显示页面1：
章节1
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit a fugit esse hic accusamus ratione iste minus! Illo, enim asperiores! Sit ipsam quidem consequuntur accusamus necessitatibus! Neque impedit expedita consequatur rem obcaecati voluptates aliquam, quo quasi ut est placeat distinctio at eos, a odit quia incidunt, doloribus laudantium doloremque reprehenderit nesciunt quas numquam sapiente aliquid! Officiis doloribus atque veritatis dicta architecto! Animi alias iste numquam, itaque, natus eligendi maiores, ducimus quis fuga dicta inventore. Magni, dolore laboriosam est quidem voluptatem id ad illum placeat cum perspiciatis amet. Quaerat aut rem temporibus reiciendis laborum mollitia vitae libero quas aspernatur! Doloribus, ab!
章节2
Quidem repellendus atque, explicabo enim in officiis maxime eius nihil velit magnam nemo reiciendis ut, aliquid neque similique architecto alias provident magni laboriosam. Incidunt est laboriosam, ab nihil libero, quaerat tempora voluptatem neque sint dignissimos consequatur quae ducimus aliquid corporis voluptatum facere corrupti minus aut molestias fuga ut optio dolorem eaque omnis. Totam dolores dolor est? Inventore, quae molestias vel porro quod enim necessitatibus rem iure sed ratione nisi nostrum sunt cupiditate unde natus pariatur ipsum odit reiciendis doloribus obcaecati. Eos, veniam consectetur dolore magnam pariatur officiis atque amet ad. Nam quis quam quia cum placeat omnis quisquam. Qui, iste.
章节3
Molestiae possimus saepe quos. Ad autem qui, alias, ex, quos voluptatem veniam sunt ullam explicabo temporibus amet officia iure dolorum voluptates! Sed sint sunt explicabo, optio omnis pariatur soluta cupiditate quibusdam! Repudiandae vel eos repellendus dicta magni iure cumque facilis enim iusto deleniti similique beatae odio error ad, sint hic excepturi recusandae dolor amet? Placeat, quisquam? Et culpa amet provident mollitia officiis placeat quia eaque reiciendis, cupiditate quam voluptatibus quos possimus atque nulla illo accusantium! Porro autem nam quidem recusandae voluptas veritatis reiciendis illum voluptate exercitationem natus nulla facilis, aliquam sunt. Dolorem harum unde autem. Distinctio aperiam sint eius ratione.
章节4
Porro fuga aspernatur eius aperiam harum fugiat at aut aliquid sunt ad, ab ipsa omnis totam enim ullam laboriosam magnam pariatur sapiente est tenetur ex itaque. Ab nesciunt quibusdam temporibus odio vitae minima tempore earum quisquam. Explicabo eligendi eius sed quibusdam modi atque dolorum maxime vitae quasi temporibus commodi, sint asperiores, dolorem dolores quam doloremque earum omnis dicta quae voluptas dolor optio distinctio! Harum tempore quasi quibusdam optio obcaecati provident eligendi corporis non quaerat, fugit odio officiis praesentium eveniet eos voluptate. Culpa molestias corrupti cupiditate, fuga hic perferendis, corporis saepe veritatis mollitia debitis labore blanditiis tempore suscipit beatae qui ipsam?
章节5
Nostrum, perspiciatis! Maxime, numquam ad eos officiis sed sit architecto reprehenderit? Nobis odit excepturi beatae aut sit nihil? Quo voluptatum id ducimus eveniet nam ex deleniti dignissimos tempore itaque, vel odit minima! Architecto natus laborum distinctio modi sequi vitae impedit numquam, harum eius repudiandae? Odio sequi repellat ducimus, dignissimos dolore debitis rem dolorem eius. Est assumenda velit alias tenetur, inventore fuga saepe voluptatem, voluptatum mollitia quae laboriosam iste? Soluta itaque inventore ratione quae vitae perferendis delectus veniam mollitia possimus. A ad quo, velit voluptates inventore ab error, non ullam aliquid in dicta unde laudantium quaerat placeat magni sequi ipsum itaque.
章节6
Eaque perferendis eligendi est corrupti porro laboriosam quisquam eos quasi obcaecati nam quas sapiente unde repellat tempora in rem sit maiores veritatis, quo, officia aliquam, molestias libero ad beatae! Distinctio est nobis maiores laboriosam, amet libero dolores maxime ipsa? Labore, explicabo dolorem? Harum, eveniet! Accusantium tempore quo quasi odit fugit, neque, porro eum assumenda dolorum totam tempora a enim aliquam at, eaque cupiditate dolores! Aliquid ipsa cupiditate accusamus ad voluptatem illum, magni, veniam cumque, vitae praesentium reiciendis ullam labore sapiente deserunt placeat quos consequatur qui blanditiis illo voluptates dolor! Sit hic nemo sed similique exercitationem aspernatur aut reiciendis beatae neque.
回到顶部
2659
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
