展开
拓展 关闭
订阅号推广码
GitHub
视频
公告栏 关闭

超链接a标签和路径

  • a标签⽤法
跳转:<a href="xxx">链接⽂本</a>
锚点:<a href="#xxx"></a>
  • target属性
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>
posted @ 2022-08-29 21:58  DogLeftover  阅读(37)  评论(0)    收藏  举报