a元素
超链接，通常用于页面跳转。
href属性
hyper reference（引用）：通常用于表示跳转地址，还可以跳转到某个锚点（也就是跳转到本页面的不同位置），也可以跳转到不同页面的某个锚点
功能链接：点击后触发某个功能，
触发js代码，写法：javascript:js代码
发送邮件，写法：mailto:邮箱地址（要求用户计算机上安装有邮件发送软件）
拨号，写法：tel:电话号码（一般是移动端，或者计算机上有安装拨号软件）
id属性
全局属性，表示元素在文档中的唯一编号（类似于国人身份证号码）
target属性
表示跳转窗口位置，默认情况下跳转窗口是当前窗口。
target取值：
1，_self:当前页面窗口中打开，默认值
2，_blank:在新窗口中打开
<a href="https://www.baidu.com/" target="_blank">新窗口打开百度链接</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>a元素</title>
</head>
<body>
<a href="https://www.baidu.com/">这是百度超链接</a>
<!-- 功能链接 -->
<a href="javascript:alert('你好')">弹出：你好</a>
<a href="https://www.baidu.com/" target="_blank">新窗口打开百度链接</a>
<!-- 目录 -->
<a href="#zhangjie1">章节1</a>
<a href="#zhangjie2">章节2</a>
<a href="#zhangjie3">章节3</a>
<a href="#zhangjie4">章节4</a>
<a href="#zhangjie5">章节5</a>
<a href="#zhangjie6">章节6</a>
<a href="#zhangjie7">章节7</a>
<a href="#zhangjie8"">章节8</a>
<h2 id="zhangjie1">章节1</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ullam asperiores est laboriosam sapiente vel tempore autem perferendis fugit sed sequi quod aut quas perspiciatis quae, quam, omnis praesentium a! Praesentium velit, sint nulla itaque mollitia illum maxime culpa sequi alias ratione minus provident dolorem saepe suscipit magnam asperiores labore similique in possimus inventore. Qui assumenda debitis unde, necessitatibus sapiente magni eligendi optio? Id est, error praesentium, consectetur exercitationem ullam tenetur quod velit voluptate ipsam quaerat eius soluta, reiciendis quas dignissimos tempora consequatur debitis dolorum maiores ab voluptas distinctio provident totam illo? Tempora ipsam asperiores veritatis quas, odit quaerat quibusdam perferendis, quo harum voluptate quod nisi architecto? Fugit dolorum quis accusamus dignissimos nesciunt eum maiores soluta obcaecati modi odit iure earum, nobis sunt blanditiis provident debitis excepturi aut sequi! Vitae, delectus ipsa expedita nostrum alias facere accusantium reiciendis magnam dolores. Ipsa voluptatibus cumque, velit repellendus nulla ipsam odit numquam at eius corporis deserunt incidunt illo fuga molestiae? Distinctio molestias maiores, itaque, facilis quae unde accusamus, et blanditiis earum consequuntur laudantium exercitationem! Quo adipisci placeat quam similique voluptate dicta accusamus nam totam reprehenderit, quis eos, recusandae repudiandae eveniet. Vero sequi sint deleniti explicabo inventore perspiciatis consectetur sed vel est nam voluptas, quibusdam in distinctio cumque iste at corrupti earum optio ipsum dolorum placeat pariatur. Voluptatum maiores omnis asperiores ex, unde esse. Doloremque et vel animi blanditiis, delectus ducimus veritatis cum asperiores vitae accusantium eius repellendus quia esse, deleniti, incidunt deserunt aliquid possimus alias laboriosam corrupti tempora. Possimus culpa ad nostrum at, quis fuga voluptatem, cum sequi quidem veritatis exercitationem consequuntur id et. Tempora, repellendus esse! Veritatis hic blanditiis sint labore placeat ipsa molestiae asperiores similique odit nemo, beatae totam tenetur quisquam voluptatum nobis recusandae minima excepturi reiciendis. Labore nihil quod repellendus dolorum eius recusandae numquam rem illo? Possimus explicabo labore voluptatum nostrum cupiditate similique officiis maxime quod harum ratione quasi laudantium, officia natus odio ad consequuntur, sequi modi unde ducimus suscipit veniam tempora totam. Error reiciendis, exercitationem tempora incidunt odio qui possimus assumenda dicta! Eum error eligendi expedita neque nesciunt autem? Tempora laborum accusantium veniam rem id doloremque dolorem tempore nemo hic assumenda minus maiores officiis eligendi, dolore inventore, maxime ducimus quaerat? Illum aut beatae quisquam pariatur esse quis, iusto voluptas odit cumque suscipit! Quam nam ipsum temporibus fuga facere officiis, deleniti quod suscipit alias fugiat, nemo vitae accusamus iure illo esse et aut debitis reiciendis magni facilis? Error, ad dicta inventore, molestias maiores eaque, vitae quidem in distinctio veritatis placeat cupiditate velit tempore. Dolor doloremque deserunt omnis modi repellendus ad totam aliquid dolorum suscipit officiis ut eaque cum explicabo quis adipisci, facere voluptas rem exercitationem. Necessitatibus, nulla blanditiis. Aspernatur nihil asperiores voluptates consectetur fuga aliquam commodi labore quas fugit neque. Quam in vitae accusamus ab officia ad hic tenetur quo beatae? Amet, eligendi. Officiis atque illo nobis blanditiis recusandae odio facere voluptatibus tenetur tempore incidunt beatae maiores, est aliquam sequi excepturi a deserunt eveniet nulla amet quos rerum eum repellat. Numquam ipsum eius tenetur iusto, inventore minima illum et laudantium consequuntur optio eaque esse eveniet quidem temporibus reprehenderit est neque veritatis. Necessitatibus quae architecto beatae. In repellat ea, unde vel nostrum quo eius necessitatibus voluptatem id minima quibusdam sit earum iste sed recusandae, nemo ad, aperiam optio ab aut. Nulla voluptas dolor, odit et doloremque libero eum. Laborum dignissimos reiciendis labore nam architecto sit? Laboriosam recusandae corporis unde repellendus quis sint, veniam eveniet dolorem praesentium, tempore eius harum voluptas vel magni repellat optio in mollitia. Optio id tenetur quaerat, numquam inventore sequi maxime iure, voluptatibus nobis fuga molestiae quam sapiente quia atque enim odio eaque dignissimos, repellendus quibusdam error exercitationem doloremque. Dolorem omnis eos odit deleniti ratione! Iusto veniam exercitationem rerum voluptatum modi sunt sapiente, minus laudantium quaerat repellendus quisquam aut culpa. Provident dolorum quidem delectus excepturi quisquam sequi itaque. Tempore, sit. Facilis, ducimus! Ipsa dolor rem veniam ex sunt assumenda! Necessitatibus deserunt odit inventore veritatis veniam id repudiandae eligendi illum totam iure dicta magnam, iste, pariatur quis maiores atque esse! Esse temporibus fugiat cumque harum nobis, cupiditate qui vel, expedita doloremque non assumenda magnam in modi amet exercitationem, quae numquam aspernatur corporis. Odio deserunt dolor impedit cumque quasi commodi recusandae illo similique, temporibus reprehenderit enim magni est in ipsa laborum exercitationem dolore accusamus eius quo aut explicabo qui nam quis animi. Eius rerum maiores provident inventore. Repudiandae reiciendis est voluptas consequatur, sunt temporibus praesentium a laborum, voluptates sapiente eveniet nam nisi dolorum iusto omnis, earum ullam porro doloribus illum ad provident vitae sint expedita necessitatibus? Doloribus, provident cum. Ipsum quis, mollitia, totam pariatur explicabo commodi suscipit architecto et eaque veritatis consectetur placeat, asperiores quasi similique! Fuga provident, dolores repellat molestiae odit modi earum, consequatur numquam excepturi porro eos tempora eveniet neque corrupti eaque suscipit rerum minus incidunt! Quas veritatis dolorum fugit, minus nisi commodi maiores incidunt reprehenderit nesciunt asperiores deleniti illum dolore nam rerum harum quasi, tenetur impedit. Provident quaerat quibusdam nemo voluptas reiciendis culpa natus porro rem accusamus aliquam quidem maiores iusto tempora odit, dolorem incidunt, dignissimos, eaque eius possimus consequuntur. Accusantium, doloremque cumque? Ducimus quidem velit ut sequi pariatur, odio rem. Aspernatur alias a voluptatem vero adipisci, at suscipit nam repudiandae possimus, voluptates officia culpa assumenda! Rem soluta quia debitis iusto! Commodi beatae ullam totam id accusamus voluptas impedit, obcaecati rem vero tenetur! Voluptas et repellat itaque repellendus optio assumenda? Sapiente odit enim officia, autem soluta quos quaerat dicta eaque unde accusamus error, illum repellendus excepturi doloribus animi officiis hic odio cum harum voluptas minima laborum, labore cumque ea. Pariatur nemo aliquam animi similique explicabo praesentium soluta iusto omnis odio tempore hic illum consequuntur possimus, quas veritatis atque inventore laudantium rem sint itaque accusamus aspernatur rerum natus voluptatibus! Quod tenetur culpa aliquam vel natus impedit debitis maxime dolorum dolores corrupti possimus esse repudiandae, est, dignissimos ad omnis eos sed eum ullam. Culpa ea consequuntur quae, obcaecati facere iste ad suscipit ipsum molestias, voluptate aliquam! Qui provident aspernatur, officia, explicabo excepturi totam facilis dolores unde illo aperiam quos? Maiores quisquam ipsum sed voluptatum dolorem ipsa totam unde tempore modi.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Facilis, rerum quas reprehenderit amet doloremque dicta, consectetur at beatae cupiditate modi placeat magnam ea, neque autem fuga omnis! Cum, explicabo officia.</p>
<h2 id="zhangjie2">章节2</h2>
<p>Aperiam, fugit. Porro dolore placeat iure, totam ipsa voluptate iusto distinctio sit in quaerat voluptates sint quos commodi quo nesciunt ratione repellendus hic, laudantium asperiores eius, accusantium error nihil esse!</p>
<h2 id="zhangjie3">章节3</h2>
<p>Aliquid blanditiis incidunt error quasi repellat similique, nemo, facilis quaerat doloribus repellendus eum ipsam nostrum! Exercitationem delectus saepe, ratione, animi doloremque nostrum sed modi illum perspiciatis atque natus ipsum tenetur.</p>
<h2 id="zhangjie4">章节4</h2>
<p>Dolore, sit consequuntur, aliquid vero voluptatem fugit explicabo vel excepturi aspernatur, molestias voluptatum recusandae? Magnam sunt atque consequatur inventore ullam cumque perferendis, ab, praesentium repudiandae doloribus, suscipit incidunt animi vel.</p>
<h2 id="zhangjie5">章节5</h2>
<p>Culpa veritatis, a hic libero quae, itaque temporibus id quam pariatur rem architecto adipisci dicta sequi aspernatur ab necessitatibus repudiandae voluptatibus quod voluptates quia reprehenderit! Totam enim ratione repudiandae vitae.</p>
<h2 id="zhangjie6">章节6</h2>
<p> Rem, eveniet tempore? Adipisci dolorem rem aperiam mollitia unde. Est esse impedit corrupti dolor quam rem porro unde ipsum labore, culpa maiores optio sint fugit numquam itaque quas perferendis dolore.</p>
<h2 id="zhangjie7">章节7</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta saepe rerum, quia corrupti veniam suscipit reprehenderit iusto ipsum ex incidunt provident, necessitatibus obcaecati atque nam inventore quam quo animi consequuntur?</p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem cupiditate laudantium ratione, quos atque, quia veritatis corporis veniam nesciunt labore eveniet exercitationem, impedit obcaecati! Cumque odio perferendis beatae at quam?
<p>Aspernatur fugit dicta harum dolor! Enim natus architecto nam, tempore ad quidem nihil praesentium culpa? Consequuntur, necessitatibus repudiandae! Nemo explicabo dolore porro velit ut maiores illo, autem similique debitis consequatur?</p>
<h2 id="zhangjie8">章节8</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus libero laudantium consequatur, placeat assumenda fugiat similique quos? Sint quisquam ipsa enim maiores assumenda iste odit perspiciatis illo eum vel corrupti inventore iure sit perferendis corporis, sequi quia, error modi, repellendus omnis rem aliquid? Quas quo tenetur aperiam incidunt quos vel quisquam ipsum quia, et, error illum voluptas. Voluptatum impedit eligendi dolore obcaecati alias deleniti sequi nostrum veniam, itaque aspernatur reiciendis quidem iusto, quia odit vero temporibus illo? Excepturi perspiciatis voluptates impedit quidem architecto nemo cumque ut, enim tempore consequuntur, sequi iusto quo aliquam maxime odit distinctio voluptatem unde molestiae. Officiis saepe ex explicabo distinctio, voluptatum harum ducimus omnis, doloremque blanditiis excepturi corporis in quaerat doloribus dolores? Quisquam consequatur repudiandae quidem! Accusamus, assumenda? Error dignissimos amet nihil suscipit aut! Doloremque porro, hic nemo vitae quos harum nobis veniam amet fuga illo deserunt tempore provident inventore nihil. Quo vero veritatis nihil, iusto amet asperiores voluptatum autem? Quasi, maiores impedit autem dolor animi nam ea harum consequatur? Incidunt modi necessitatibus eligendi impedit ipsa accusantium! Praesentium, reiciendis aspernatur et nostrum, eaque animi aut temporibus dicta, nisi a qui illum id? Excepturi, ad modi saepe recusandae sunt provident debitis, fugiat fuga, tenetur nesciunt optio vero consectetur numquam eius! Laborum ipsam beatae error illo facilis voluptates eos cumque? Blanditiis aliquam sunt eveniet voluptate! Quaerat dolore temporibus cupiditate iusto, optio iure incidunt ratione quae, placeat, nisi minus molestias! Quaerat, dolore! Vitae corporis beatae praesentium. Fugit, labore, reprehenderit numquam placeat odit sed natus nisi eum perferendis dignissimos eligendi? Vero, iusto est eaque et quidem cum ipsum molestiae earum velit, sed sunt? Esse labore totam incidunt dolorum ratione hic minus, temporibus qui numquam modi sit suscipit? Quaerat, consequuntur illo voluptate esse laborum optio harum omnis aut sunt eaque accusantium quia amet iure soluta cumque excepturi cum placeat. Ea doloremque nostrum facere libero! Nesciunt et hic quod iste ipsa veniam velit harum reprehenderit ullam repudiandae ad, labore ducimus animi doloremque voluptate culpa quia totam magni pariatur repellendus ipsam tempore fugit. Corporis impedit dolorum voluptatibus rem soluta quod, sint vitae facere perferendis eveniet itaque. Quos similique vel deserunt. Officiis repellat recusandae vel architecto tempora vitae optio ea iusto quidem! Quasi officia odit, alias adipisci numquam ea nam, accusamus, eius excepturi veniam quam placeat accusantium sint temporibus incidunt natus dolorem. Dolor aliquam temporibus, veniam ad perferendis corrupti iure enim consequatur! Facere ut vitae nihil provident inventore repudiandae quos animi dignissimos consectetur atque natus dicta ea magnam tenetur molestiae, cupiditate ipsum? Ipsum harum placeat excepturi officiis tempore tenetur exercitationem maiores ut consequatur quo, temporibus odit repudiandae modi ex sed labore! In animi consequuntur cupiditate perferendis a laudantium repudiandae quidem, tenetur cum nihil, est corrupti rem ad veritatis recusandae vero quas libero ab sit quaerat. Sunt fugit ab exercitationem odio voluptatum impedit possimus numquam? Ad, corrupti saepe! Saepe, dolores nisi aut quas magni laudantium ipsum aspernatur tenetur eum maiores dolor explicabo officia sunt doloremque earum id quasi quia sequi, a dicta rerum. Dolor ratione explicabo ad facere aperiam nisi odio doloribus provident, sequi dolorum iste illum possimus amet non veniam et ex fugiat commodi assumenda, eum, totam impedit sapiente in? Mollitia et assumenda, vitae omnis officiis beatae ipsum fugit facere soluta! Minus nihil repellat nostrum quas dolor sit. Facere, nemo eos quasi consequatur quaerat quia porro accusamus similique modi optio tempora illo placeat commodi eaque laborum eveniet! Nemo expedita velit cum, libero corrupti error eveniet non corporis saepe molestiae consequatur quis mollitia eaque ut sint sequi quia ipsam asperiores explicabo sed. Beatae illo eius assumenda ipsam ratione laboriosam blanditiis itaque repellendus, earum perspiciatis, maiores porro omnis, iure velit placeat numquam accusamus! Quae praesentium error recusandae ut architecto. Est ratione nam temporibus tenetur ipsa. Cum delectus deleniti praesentium provident. Suscipit, corrupti veniam labore sunt eaque autem ipsum. Accusantium quos sapiente error et a nemo quia. Modi et eius deserunt hic nobis assumenda atque asperiores, culpa dolorum iusto itaque recusandae laborum eveniet odit reiciendis pariatur dolor vel, quas ea ratione ipsa fugiat aperiam dolores blanditiis! Culpa molestias illo commodi eos, delectus voluptatem esse facere sint architecto cupiditate cum in illum iste dolore nihil non rerum. Tenetur sunt quos quae laudantium commodi. Esse, voluptate. Sint provident dolor, necessitatibus facilis temporibus labore. Quidem quia ipsa nostrum maxime, dignissimos illum tempore esse provident, cupiditate, quod minus. Architecto impedit possimus sint error quas maiores est suscipit dicta. Illo fuga labore quidem, dolore corporis ipsam numquam nisi quisquam suscipit esse veniam veritatis voluptatem dolorem quos eum sed ut totam? Commodi sint officia dignissimos ut nulla natus voluptates ex corrupti! Consectetur esse vel, porro nostrum facere recusandae minus distinctio quae quas animi, cupiditate praesentium ab omnis fuga itaque maxime sequi beatae. Nihil consectetur esse quis a magnam veniam obcaecati temporibus accusamus blanditiis unde necessitatibus, minima illum alias eum illo, animi architecto mollitia enim adipisci vitae vero fugit praesentium! Commodi voluptas sunt unde et illum adipisci nemo quae tempora soluta, facilis esse tempore, nulla dignissimos illo modi nihil? Soluta, veritatis nam dolores consectetur atque aut aspernatur. Consequatur quo illo vitae, eligendi dolorum sint consequuntur aliquam necessitatibus alias molestiae illum commodi magni voluptates error eaque expedita voluptas, mollitia dolores perspiciatis asperiores quos quaerat provident debitis. Aperiam perspiciatis velit accusamus. Et dolor expedita qui? Quisquam non rerum corrupti necessitatibus et similique? Eligendi rerum quam laborum commodi magnam earum harum ipsam, atque consectetur asperiores voluptas tempore autem similique molestiae praesentium nobis maiores perspiciatis vel deserunt totam quia cumque minus. Libero perferendis, aut vel adipisci quae eos quidem consequatur neque illo cupiditate laboriosam reiciendis placeat natus veniam! Voluptatum beatae magnam doloremque eaque blanditiis, illum architecto reprehenderit ipsam veritatis, dolores harum deleniti dolorem, asperiores officiis minus molestiae porro dolor reiciendis non culpa itaque consequuntur quibusdam omnis. Corrupti unde voluptas quasi quod commodi ducimus nam ipsam rem dolores, voluptatem neque cumque porro iure! Dolores sunt quia est tempore nulla amet, tenetur illo ipsam culpa ea hic neque modi quas sequi ullam incidunt, ex atque quo! Soluta corporis nulla dolorum laborum, mollitia, repellendus deserunt cum, id ab expedita similique eum. Magnam fugit assumenda doloremque labore sapiente ea iure nihil architecto?`
Lorem Asperiores, error sapiente facilis, beatae mollitia dignissimos, iste praesentium cumque molestiae sit debitis. Dolorem natus est suscipit sunt deleniti libero alias quia, maiores quae modi! Velit expedita natus debitis porro!</p>
<a href="#">回到顶部</a>
</body>
</html>
