跳转：<a href="xxx">链接⽂本</a>
锚点：<a href="#xxx"></a>
brank：打开新的浏览器标签
根据资源的类型判断，⼀般站外资源⽤绝对路径，站内资源⽤相对路径
绝对路径
https://xdclass.net
相对路径
./ 代表当前⽬录
../ 代表的上⼀级⽬录
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="https://xdclass.net">小滴课堂</a>
<a href="#index3">跳转到标题3</a>
<!-- 在当前页面上跳转 -->
<a href="https://xdclass.net" target="">空白跳转</a>
<!-- 打开新的标签页 -->
<a href="https://xdclass.net" target="blank">空白跳转</a>
<!--相对路径-->
<a href="../第2集/2.img标签详解.html">跳转到语义化标签</a>
<!--本地绝对路径-->
<a href="/Users/liuwenzhao/Desktop/源代码/第二章/第4集/4.语义化标签.html">跳转到语义化标签</a>
<h3>
标题1
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet illum, repellendus voluptatum corporis adipisci
sunt quidem! Omnis quae necessitatibus, numquam eligendi laborum voluptate odit voluptatem sequi modi
reprehenderit exercitationem vel, ipsum et voluptatum nulla est temporibus, tempora sit ipsam ab maxime. Assumenda
minus incidunt accusamus culpa eius vero nisi beatae aliquid? Voluptas, aliquid harum accusamus voluptatibus at
consequatur aliquam soluta adipisci quo facilis mollitia deleniti autem natus odit porro. Placeat ab ipsam
dignissimos cum, consequuntur eligendi repellendus? Minus earum beatae ullam impedit atque, obcaecati voluptate
qui est laboriosam molestias illo sed similique a! Molestias, autem, modi expedita facilis at sed maiores sit nemo
id voluptatum, libero culpa eaque delectus quibusdam alias doloribus consequuntur accusamus. Eum error, illo quod,
eveniet obcaecati adipisci quos ea fugit quo optio dolorum qui, quasi itaque. Vero, possimus aliquam modi alias
quis dolorem non reiciendis facere repellat ratione consectetur autem provident ullam dicta cumque veniam soluta
impedit. Cupiditate pariatur consectetur minima, magni iusto neque ipsa consequatur sint laborum eveniet alias,
sapiente dolores repellendus? Assumenda, nulla aliquam odio impedit suscipit id reprehenderit dignissimos ratione
explicabo eos, dolorem nemo voluptatem in laboriosam vel nostrum, similique saepe doloremque! Rerum animi in modi
maiores excepturi et sint, cumque praesentium, esse iusto quia. Laudantium, eveniet magni temporibus veritatis
cumque repudiandae corrupti libero deserunt pariatur deleniti rem animi sapiente ipsa cum ex reiciendis vel illum
autem quasi quo dolore, voluptatem natus voluptatibus recusandae. Et, suscipit dicta! Suscipit, esse facilis magni
enim animi sapiente eos aliquid possimus hic molestiae dignissimos quos neque officiis consequatur, quasi ipsam
saepe placeat, id ab! In nesciunt tempore exercitationem reprehenderit veritatis laudantium? Quod delectus,
corporis autem architecto rem laboriosam. Quam nam fugit excepturi quo nulla illum harum earum reiciendis
voluptates aspernatur! Repellendus aspernatur facere laborum iure reiciendis et, laudantium ab sunt deserunt alias
doloribus fugit dicta quod officiis, ad voluptatum inventore a est voluptas sint voluptates! Maxime modi facilis,
dicta voluptatibus exercitationem sunt ab libero earum repudiandae adipisci mollitia officia vero ut sapiente
eveniet id nostrum a fuga repellendus in architecto autem. Rerum praesentium reiciendis laudantium alias fugit a,
similique perferendis quisquam quas ex id repudiandae est quia sunt vero voluptatum quibusdam odio cumque
exercitationem. Tempore praesentium modi dicta nemo molestiae ratione quisquam ab delectus rerum officiis labore
porro, possimus quaerat optio iusto magni, quam tenetur pariatur perspiciatis eaque eligendi asperiores. Ipsum
impedit earum quaerat exercitationem similique ea! Vel dignissimos laborum eius rerum, tenetur facere earum quam
ipsa doloribus inventore, voluptate reprehenderit ut autem incidunt similique suscipit, ducimus odit illum
accusantium ab blanditiis odio. Itaque et aliquam saepe delectus eum veritatis molestiae quo quas esse atque,
fugiat perspiciatis debitis libero, pariatur modi voluptatem recusandae alias. Enim perspiciatis dolorem
reiciendis perferendis, veritatis praesentium fugit eum iusto cum ex rerum beatae explicabo, totam est quibusdam
placeat architecto iure modi distinctio quasi voluptas? Modi, ex voluptatem dolorem amet minus sequi at vero
tempora culpa doloremque velit recusandae ab cumque saepe obcaecati soluta porro explicabo quod commodi cupiditate
beatae, error possimus a? In ut incidunt nulla asperiores quam pariatur recusandae eius officiis porro
consequuntur optio fuga, id blanditiis neque sed maiores. Iste nobis recusandae, deserunt non officiis laboriosam
atque consequuntur praesentium magni quam repellendus, ea est sapiente ipsum nisi quasi numquam esse? Fuga
officiis, quis ipsa quam quidem suscipit, minima cupiditate sapiente deserunt praesentium earum, possimus tempore
impedit nihil? Unde reprehenderit facilis eaque nisi, corrupti dicta sed harum tempora eveniet pariatur ex dolore
ad ullam, tenetur ut soluta eos odit odio! Commodi asperiores unde cumque earum facere illum odit. Aliquam fugit
similique qui odit reprehenderit. Dolorem porro adipisci sed dignissimos maiores quod nisi enim ad excepturi,
tenetur molestias, et, perspiciatis beatae nostrum.</p>
</h3>
<h3>
标题2
<p>Laboriosam eligendi temporibus quia non odio distinctio ipsa perferendis fugiat officia eos, nostrum voluptas,
recusandae maiores neque! Similique veniam autem saepe repellat quae provident ullam alias exercitationem, commodi
blanditiis enim aliquid consequuntur obcaecati a officia ducimus deserunt voluptatibus dolor modi, voluptate
eligendi esse? Optio, commodi sequi culpa sit ex facilis rem rerum asperiores praesentium pariatur illo nesciunt
ipsa libero harum, dignissimos in! Incidunt id, deleniti culpa numquam, velit perferendis molestiae totam
quibusdam maiores sed laudantium, tempore eligendi deserunt animi. Magnam beatae, praesentium veritatis tenetur
aut provident modi esse temporibus architecto sit! Suscipit nam voluptatibus est eaque deserunt ab temporibus
nihil distinctio expedita. Reprehenderit aliquid vel quas dolores. Error, at eum deleniti temporibus earum
consectetur praesentium ipsa. Aliquid officia consequatur suscipit eum molestias tenetur atque, libero doloribus
aut tempore qui repudiandae possimus tempora porro architecto placeat fuga aliquam quaerat totam temporibus
necessitatibus eos nam earum ex! Pariatur esse blanditiis recusandae numquam illo expedita necessitatibus nesciunt
optio molestias mollitia rerum omnis nisi consequuntur facere nobis, aperiam, consequatur est ex maiores enim,
distinctio adipisci eos veniam. Nulla omnis minus accusantium molestiae totam sint adipisci voluptatibus expedita
eaque a! Facilis alias laboriosam assumenda nostrum, quas et aspernatur soluta accusantium ullam blanditiis velit
labore officia modi. Distinctio laborum a, debitis molestiae odit pariatur ab voluptatum sed consectetur assumenda
impedit inventore natus eligendi ea hic, saepe illum voluptate amet soluta eaque maiores vero dolor totam tenetur!
Odit, aut. Fugiat est voluptatum suscipit dolorum! Alias corrupti, impedit odio vero corporis officiis dolorem
quidem tempora voluptate saepe asperiores non magnam consequatur quas incidunt. Temporibus blanditiis reiciendis
perspiciatis, repellat architecto explicabo dolore quod fugiat fugit numquam, ad, nemo quos maxime! Esse, ullam.
Voluptates voluptate, nesciunt dolore repellat accusamus est, voluptas dolores ipsum obcaecati adipisci incidunt
ad aliquid repellendus veritatis totam nobis officiis autem. Atque repellat perspiciatis adipisci omnis quae vero
illum porro sed, libero accusantium explicabo, reiciendis nam rem! Dignissimos veritatis nostrum dolore quibusdam
asperiores sunt porro nulla, vero ipsum inventore in rem officia temporibus maiores doloribus voluptatum molestiae
molestias quae, magni quaerat sit, blanditiis quos error cumque. Iusto quod repellendus pariatur nesciunt saepe
doloremque, cum, animi asperiores sit distinctio ut. Culpa modi corporis, consequatur ratione, reiciendis
architecto numquam possimus soluta quisquam aliquam eos eveniet omnis aliquid maxime harum nemo delectus amet
minima excepturi rem magnam blanditiis. Quas unde asperiores obcaecati consectetur, assumenda iure at molestias
praesentium cupiditate eos sint laudantium ab provident explicabo minima molestiae. Sapiente pariatur facilis
voluptatum amet voluptate quis, nobis sed obcaecati veniam. A ipsum fugiat libero praesentium? Sequi enim
deserunt, sapiente impedit velit molestias sint libero officia. Atque beatae sit corrupti totam suscipit porro
nesciunt minus iste placeat adipisci dolorem odio harum tempore error voluptates dignissimos officiis, soluta
veritatis nostrum doloribus accusantium quis velit deleniti? Velit delectus repellat ullam praesentium, eligendi
minima adipisci, fuga reiciendis natus quam harum saepe repellendus magni qui amet corrupti ipsam perferendis,
earum soluta molestias tenetur. Quis vitae rerum enim cumque illo natus aliquam iure harum pariatur, explicabo
similique facilis accusantium architecto aliquid error placeat possimus! Reprehenderit optio quae excepturi maxime
qui ab, modi ex vitae corporis accusantium odit similique repudiandae a quaerat sit eius exercitationem officiis,
ea repellat. Alias quasi quia ex sequi amet? Suscipit ea consequatur omnis totam facilis iste accusantium ratione
magnam odit repudiandae corporis quasi explicabo similique deleniti molestiae quidem, fugit perferendis iusto
assumenda numquam. Iure accusamus consequuntur a asperiores repellat, quod consectetur quis tenetur, autem odio
molestias dignissimos alias commodi mollitia sapiente nostrum quam distinctio? Beatae ducimus fugit in repudiandae
autem! Illum sunt dolorem architecto saepe cumque error blanditiis nam nihil quo animi non vel maiores, temporibus
quis ratione repellat suscipit quaerat perspiciatis maxime ullam!</p>
</h3>
<h3 id='index3'>
标题3
<p>Hic molestias sunt dignissimos, modi ex impedit cumque debitis officia, expedita minus eligendi veniam adipisci
animi laborum consequatur, soluta numquam fugiat ab placeat amet illum unde iste distinctio tenetur! Voluptatum
optio impedit magnam voluptas ipsam quo doloribus itaque amet veritatis! Pariatur iusto doloremque, sed illo,
cupiditate officiis ab soluta provident iste ratione libero explicabo. Quisquam possimus ex quidem consequatur
vitae ducimus ut nobis, dolorem qui quis, placeat illo facere voluptas vero odit earum impedit maxime nemo
mollitia quas, commodi numquam. Nostrum, optio illum molestiae cum harum voluptates, odio sequi fuga earum quos
neque. Cumque veritatis rerum ducimus qui in, perferendis, excepturi dolore eos repudiandae eum, porro voluptate
possimus nostrum facilis reiciendis unde quos laborum omnis voluptatem minima quam. Delectus, consequuntur sunt
porro distinctio inventore optio ex aliquid libero, assumenda, facere alias mollitia. Blanditiis laudantium
distinctio delectus dolores laboriosam modi, laborum alias labore, nihil tempore quis ab fuga accusantium iusto
tenetur perferendis porro totam similique reprehenderit quos provident voluptates dolore cumque aspernatur. Itaque
vel eaque, fugit dolores nobis quas quidem labore architecto! Deserunt fuga debitis nulla quod ducimus.
Reprehenderit deleniti adipisci fuga quas voluptatum quis? Accusantium odit odio fuga in alias! Deserunt, rerum!
Aliquid id nesciunt et iure corrupti esse inventore deleniti accusamus. Consectetur possimus tempore eum
assumenda. Consectetur et ipsum sequi nulla eos molestias quia, aliquid fugit quidem consequuntur officia ex sunt
laboriosam nesciunt sit! Quisquam iste accusamus ex praesentium magni aperiam, voluptate tempore ullam corporis
eligendi, ab quae! Sint cupiditate dolores expedita asperiores accusantium, architecto, accusamus repellendus
deleniti modi, eos recusandae eum doloremque porro labore. Placeat reprehenderit vero id omnis atque corporis
illum obcaecati cum rem vitae maxime minus, eum aut laudantium assumenda porro eveniet, aliquam totam ut
aspernatur numquam ex cumque expedita? Exercitationem nihil ducimus eius, vitae a tenetur quibusdam accusamus
iusto perspiciatis facilis debitis expedita assumenda iste atque fugiat doloremque quos inventore illum aliquid
cum asperiores veritatis architecto dolorem. Earum deserunt odio aspernatur! Neque deserunt quas vero similique
corrupti, vitae expedita labore doloremque. Asperiores libero iusto totam officia voluptas explicabo odio sed
labore! Debitis labore mollitia suscipit impedit rerum numquam corporis incidunt esse quam quas saepe provident,
ut fugit id tempore vitae, eius, expedita repudiandae deleniti delectus odio voluptas quis illo. Repellat aliquid
eveniet laudantium quaerat laborum dolore. Ipsam obcaecati blanditiis neque quas minima sequi iusto provident sint
reiciendis. Fuga asperiores reiciendis sit et cum quas voluptate dolorem quidem quaerat eveniet, distinctio nam,
ipsa sint sapiente eligendi, earum necessitatibus. Natus ipsum dicta vitae, molestiae, deserunt quae odit quis
cupiditate iste aliquid non. Consectetur, vitae delectus iste repellendus esse minus saepe nam laborum adipisci
eos quaerat nulla a, ad ex nostrum repudiandae, dicta consequatur dolor perferendis eum earum natus! Hic
accusantium adipisci quo commodi minus nobis in modi cum nam sit, exercitationem id voluptas, possimus obcaecati a
nulla quis facilis debitis! Atque eligendi laborum veritatis, doloremque repudiandae ex quia ducimus, quae sint
facere magni cum neque iure nesciunt ipsa labore odio. Quis itaque possimus perferendis tempora officiis sunt
veniam accusantium deleniti autem explicabo, est harum temporibus delectus fugit, odio nesciunt fuga eaque quam
velit iure! Voluptatum laudantium nisi officiis recusandae dignissimos perferendis nesciunt quidem labore ut
adipisci nobis aperiam animi nostrum sit eos asperiores doloremque voluptatem alias, tempore dolor, eum temporibus
aut? Perspiciatis, saepe! Blanditiis quidem natus, in voluptatum illum necessitatibus atque provident quisquam.
Culpa veritatis obcaecati eaque laborum, nisi animi possimus repellat quam maiores autem numquam ea nesciunt
libero aut excepturi nobis sequi corporis pariatur. Reprehenderit ea laudantium recusandae dolore adipisci magni
commodi unde quam tempore qui eum reiciendis et ad necessitatibus ex eos officia, officiis fuga, ipsam placeat est
nisi explicabo assumenda. Dolorem dignissimos nam deserunt!</p>
</h3>
</body>
</html>
浙公网安备 33010602011771号