[HTML] Link(링크)

link 관련 태그

<a href=“URL”></a>

• <a> 태그의 href 속성은 링크된 페이지의 URL을 명시

<a target="_blank|_self|_parent|_top|프레임 이름">

• _self : 링크된 문서를 링크가 위치한 현재 프레임에서 오픈함.
• 기본값으로 생략 가능.
• _blank : 링크된 문서를 새로운 윈도우나 탭(tab)에서 오픈함.
• _parent : 링크된 문서를 현재 프레임의 부모 프레임에서 오픈함.
• _top : 링크된 문서를 현재 윈도우 전체에서 오픈함.
• 프레임이름 : 링크된 문서를 명시된 프레임에서 오픈함.

 

---

예제1

<!-- (h2#bookmark${안녕$}+p>lorem*10)*5 -->
<!-- id="북마크의위치">제목< -->

    <h2 id="bookmark1">안녕1</h2>
    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quasi libero minus autem cupiditate? Quia placeat esse, minus eos optio est aspernatur? Quis, doloribus similique! Dolorem deserunt aperiam eius ea.</span><span>Perferendis, deleniti officia. Fugiat, repudiandae veritatis. Delectus modi maxime dolor fuga officiis numquam aperiam voluptates distinctio, facere quasi recusandae, ab a, repudiandae mollitia accusamus unde! Impedit excepturi esse ratione asperiores.</span><span>Deserunt culpa esse commodi dignissimos repellendus perferendis quisquam. Accusamus omnis at vel ipsa! A repudiandae aperiam, consectetur in laborum deserunt distinctio omnis ea vitae, voluptas debitis quibusdam sequi numquam veritatis.</span><span>Qui, distinctio quasi neque facilis assumenda tenetur. Nostrum officia iusto similique laboriosam, velit consequuntur maiores, ullam, sequi quo officiis quis! Deserunt, quae eius. Adipisci, hic quidem! Labore hic ratione quo.</span><span>Illo tenetur excepturi soluta odio consectetur, sit dicta ullam molestiae vitae architecto fugit laborum. Excepturi alias at cupiditate laborum rem facilis velit commodi fugit voluptatum? Voluptate numquam impedit sunt unde?</span><span>Eius fugiat quas itaque quaerat numquam! Magni amet sint laudantium, atque sunt, esse vitae quod omnis possimus ipsa dolorem nesciunt ipsum odio quasi corrupti tempore culpa sed delectus praesentium. Fuga.</span><span>Illum dolorum error saepe temporibus doloremque natus, fugiat quaerat similique soluta blanditiis libero consectetur, nihil, eius labore. At sint voluptates, doloribus in quam nobis, est rerum aliquid culpa mollitia vitae.</span><span>Dolorem, nesciunt nobis! Ullam deserunt consequatur sapiente impedit dolorum nostrum, perferendis quod enim, culpa dolorem assumenda nesciunt officiis ut alias illum quos doloribus? Distinctio sed quibusdam unde ratione voluptas tenetur?</span><span>Voluptatum voluptatibus earum unde similique cupiditate nisi vel itaque, dicta quisquam magni ab dolore hic, soluta, fuga nesciunt quasi praesentium quas. Repudiandae non cupiditate placeat atque consequuntur voluptas sint suscipit?</span><span>Ratione, quis magni. Quis omnis, dignissimos eveniet at earum optio nihil illum natus ipsa perferendis repudiandae. Excepturi aperiam sed, assumenda error corrupti enim ipsa a? Repellendus possimus nobis eum ad.</span></p>
    <h2 id="bookmark2">안녕2</h2>
    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, voluptate. Doloremque eligendi, dolore suscipit excepturi delectus quas sed ex porro iure odit magni consequatur voluptatem laborum alias praesentium nam consectetur.</span><span>Atque aliquid nulla, aperiam voluptatem quos illo enim, dolore fuga numquam ab, ratione perspiciatis architecto harum. Eius eligendi similique, iusto accusantium placeat suscipit, dolore itaque, corrupti obcaecati repellat asperiores sapiente!</span><span>Beatae, reiciendis illum consequatur dolorum quibusdam tempora voluptate molestiae. Dolorum at enim dolore iure explicabo consequatur non velit, nostrum, qui porro a omnis repudiandae tempore molestias ipsum necessitatibus, blanditiis iusto.</span><span>Saepe dolorem natus beatae aperiam repellendus aut, ea alias iure culpa aspernatur, dolorum pariatur suscipit. Suscipit asperiores possimus recusandae eum distinctio. Nam blanditiis ab odit distinctio aut, alias fugit enim.</span><span>Ipsa fugiat magnam dolor minima dignissimos aliquid hic saepe voluptatem vel excepturi nulla beatae voluptatibus cum, animi architecto quo nisi impedit et explicabo ipsam corporis! Voluptas animi minus voluptatem magni.</span><span>Necessitatibus dolore laboriosam asperiores quod recusandae? Id quae deserunt alias est beatae nostrum! Qui incidunt mollitia error, alias repellendus unde, ipsam non odit dolorem minima similique minus ut fugit eius.</span><span>Asperiores esse amet laborum reiciendis neque modi nemo illo repellendus, impedit recusandae corrupti consequuntur, sequi cum doloribus eius vitae. Totam veritatis unde ipsum necessitatibus numquam, pariatur iste fuga quia cum!</span><span>Doloremque incidunt iste alias? Velit illo culpa vero possimus rerum, qui expedita neque temporibus quod quis nulla accusamus nisi, quasi dolorem dicta facilis unde aperiam id ipsum praesentium dolor impedit.</span><span>Suscipit iure placeat culpa corrupti quo officiis distinctio alias tempore et ad, praesentium qui, neque similique, quasi animi eligendi expedita ipsa iste illo ipsum. Aliquid error corrupti aperiam voluptatem porro!</span><span>Nihil, delectus fugiat nulla ad, illo repellendus quae saepe dolore dolorem deleniti distinctio maiores ipsa sit explicabo obcaecati voluptatum provident atque cumque. Cupiditate optio dicta, ad assumenda maiores rerum distinctio!</span></p>
    <h2 id="bookmark3">안녕3</h2>
    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat eaque aspernatur commodi, earum consequuntur nisi suscipit aut quis laboriosam esse! Odit animi quisquam amet consequatur nobis eveniet inventore sit! Nulla!</span><span>Culpa mollitia aspernatur provident sequi veritatis, voluptate reprehenderit ipsa possimus itaque est voluptatem deleniti eius ut ipsam necessitatibus modi dolores dignissimos esse suscipit quidem autem optio. Possimus pariatur alias quo?</span><span>Fugiat doloribus quae laudantium quidem nobis. Numquam blanditiis autem deserunt neque atque commodi, ratione error ea minima praesentium sunt iure, quo expedita maiores aut quaerat! Veritatis recusandae rem distinctio modi.</span><span>Quibusdam est expedita explicabo quam distinctio voluptate aperiam dolorem laborum, eveniet fuga non molestias, at molestiae veniam. Delectus quidem veritatis laboriosam quia quisquam sit, vel sequi ex ea ducimus quibusdam?</span><span>Impedit atque nobis illum, ab assumenda quis unde commodi debitis vel cum recusandae deserunt expedita hic laboriosam, dicta inventore tempore reiciendis iste. Aut commodi, ea pariatur aspernatur velit vitae aperiam.</span><span>Ipsum, veniam incidunt, dolores, repellendus asperiores cupiditate aliquam distinctio temporibus repellat esse possimus dolorum eaque at perferendis culpa ex in assumenda minima! Quasi reiciendis itaque sit ea officia explicabo et?</span><span>Iste quas id cum repellat reiciendis sapiente quasi ratione neque rem amet minima facilis voluptas laudantium laborum esse deleniti, iusto magnam. Nemo atque officiis, dolorum quibusdam iusto autem assumenda ad.</span><span>Officiis doloremque aspernatur velit, possimus quo, nihil dicta animi tenetur unde praesentium quos ad corrupti vero consectetur voluptas qui aliquam perferendis ducimus eius et eaque harum? Excepturi expedita quidem incidunt.</span><span>Sint, qui corrupti? Ad dolor numquam neque? Deserunt corrupti cupiditate perspiciatis cum adipisci pariatur error omnis, vero harum ducimus nostrum quis hic, unde placeat rem maiores consequatur enim velit nihil.</span><span>Possimus iure non vitae mollitia consectetur praesentium nam. Est doloribus non eius, atque a eos nulla aut soluta? Libero at praesentium mollitia. Cumque ratione natus deserunt sunt consequuntur aspernatur quia?</span></p>
    <h2 id="bookmark4">안녕4</h2>
    <p><span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error accusamus corporis fuga officiis unde doloribus, provident quas velit? Hic molestiae quia maiores, quae reiciendis fugit enim totam a vitae neque.</span><span>Molestias dicta saepe aut in. Unde repellendus obcaecati officia in. Aliquid nemo suscipit quam nesciunt molestias nam maiores nostrum error, impedit, sit ullam in, dignissimos saepe facilis? Placeat, numquam magnam.</span><span>Porro quibusdam dolore dolorem enim veniam distinctio consequuntur. Harum, quos facilis quasi et illo fugit eveniet quam, quae quidem deserunt corporis consequuntur consequatur impedit maxime excepturi pariatur eos sed alias?</span><span>Quo voluptatum beatae aliquid maxime corrupti, dolores voluptatem. Voluptatum quae provident facilis nisi consequatur, amet exercitationem eaque vel aspernatur blanditiis est ea officia sed, mollitia facere iusto tempora! Perspiciatis, perferendis.</span><span>Totam, consectetur alias consequatur corporis repellat recusandae dignissimos esse accusantium! Commodi, laudantium consequuntur! Eaque maxime, laborum sint dolore velit voluptate beatae nam dolorum, consequatur, eos magni quaerat voluptatibus necessitatibus quisquam.</span><span>Inventore, animi? Odio sunt nulla nemo beatae alias molestiae quae velit suscipit amet voluptatum dicta eius reprehenderit ab nisi, deleniti error, ipsum a placeat culpa nostrum dolores rerum, aliquid consectetur!</span><span>Soluta corporis iste laudantium doloremque dicta obcaecati illum eum veritatis amet ullam, temporibus rerum fugiat vero ratione recusandae necessitatibus assumenda sunt voluptatem sequi similique. Dolor officia temporibus possimus fugiat explicabo.</span><span>Commodi modi, ab aperiam, dolor sit quas eligendi veniam facere placeat odit a quia iste tempore illo sunt omnis fugiat culpa maiores ipsam? Dolorum soluta accusantium dignissimos voluptates nulla! Repellendus?</span><span>Iste aut suscipit doloribus maiores nihil quo iusto aliquam consectetur dolor, tempora non porro odio nam accusantium, qui, animi expedita! Quo optio nemo eos, accusantium amet reprehenderit praesentium! Ipsum, nisi!</span><span>Iure, dignissimos voluptas? Ea, harum porro minima aut voluptatibus unde veniam id, est eius commodi neque sunt. Repellat totam tempore itaque laudantium quasi est facere maiores iusto, eius nobis. Nulla.</span></p>
    <h2 id="bookmark5">안녕5</h2>
    <p><span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium, reprehenderit distinctio mollitia vel impedit suscipit perspiciatis. Reiciendis, rem. Quas aperiam quos voluptatum sint itaque labore ab a incidunt. Saepe, ea.</span><span>Animi atque repudiandae repellat quibusdam, maiores eaque impedit nobis nisi eos neque mollitia minima quae quia in pariatur aliquid voluptatum inventore at, nemo natus deserunt, cum ipsa ratione modi. Aliquid.</span><span>Magni, maxime placeat soluta ut, fugit non unde iure rerum delectus ullam modi expedita reiciendis, porro aliquam laborum odit voluptate excepturi adipisci ipsa quis cum. Id maiores illo doloribus illum!</span><span>Sapiente reiciendis deleniti, in beatae dolores perferendis ipsam accusamus? Velit ad non molestiae facere a alias enim! Aliquid quo quibusdam officiis eligendi, earum veniam ad a fuga iusto blanditiis atque!</span><span>Sint officia minus laboriosam minima pariatur dolore sed itaque debitis blanditiis ea, praesentium cum rem officiis consequatur cumque rerum veniam excepturi, facilis deserunt modi delectus neque. Doloremque facere nobis maxime!</span><span>Nihil iste dolores debitis sit totam! Quibusdam magni minima neque earum dolor exercitationem maiores repellendus aliquam deserunt, harum perspiciatis facere nulla ullam? Amet deleniti odit ad cum dolore in dolor.</span><span>Vel est ut tempora cumque totam dicta quam, facilis similique numquam vitae in odit minima animi consequuntur accusamus. Culpa quisquam sunt eius dolorum error molestiae laborum neque alias quibusdam id!</span><span>Sit molestiae similique est itaque, accusantium doloremque obcaecati totam laudantium incidunt ullam dignissimos modi autem delectus. Deleniti, temporibus ullam nobis itaque iusto, accusamus ut, accusantium officiis voluptatibus quo iure debitis.</span><span>Voluptate alias porro, officia assumenda itaque, vel, quae eos enim dolorum maxime necessitatibus excepturi! Temporibus repudiandae quod voluptas minus, nam explicabo, doloribus ex odit ullam a repellendus alias voluptates iure?</span><span>Ullam eveniet praesentium vel obcaecati ad et. Exercitationem, temporibus? In, repudiandae. Maxime aspernatur, ex dolor perferendis quasi, autem soluta alias cumque obcaecati quaerat iusto quod vel, quibusdam suscipit debitis dignissimos?</span></p>
    <div style="width:150px; border:1px solid navy;">
        <ul>
            <li><a href="http://127.0.0.1:5500/01_html/05_link.html#bookmark1">안녕1</a></li>
            <li><a href="#bookmark2">안녕2</a></li>
            <li><a href="#bookmark3">안녕3</a></li>
            <li><a href="#bookmark4">안녕4</a></li>
            <li><a href="#bookmark5">안녕5</a></li>
            <li><a href="#top">맨위로</a></li>
        </ul>
    </div>

---

예제2

<!-- (h2#bookmark${안녕$}+p>lorem*10)*5 -->
<!-- id="북마크의위치">제목< -->

    <h2 id="bookmark1">안녕1</h2>
    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quasi libero minus autem cupiditate? Quia placeat esse, minus eos optio est aspernatur? Quis, doloribus similique! Dolorem deserunt aperiam eius ea.</span><span>Perferendis, deleniti officia. Fugiat, repudiandae veritatis. Delectus modi maxime dolor fuga officiis numquam aperiam voluptates distinctio, facere quasi recusandae, ab a, repudiandae mollitia accusamus unde! Impedit excepturi esse ratione asperiores.</span><span>Deserunt culpa esse commodi dignissimos repellendus perferendis quisquam. Accusamus omnis at vel ipsa! A repudiandae aperiam, consectetur in laborum deserunt distinctio omnis ea vitae, voluptas debitis quibusdam sequi numquam veritatis.</span><span>Qui, distinctio quasi neque facilis assumenda tenetur. Nostrum officia iusto similique laboriosam, velit consequuntur maiores, ullam, sequi quo officiis quis! Deserunt, quae eius. Adipisci, hic quidem! Labore hic ratione quo.</span><span>Illo tenetur excepturi soluta odio consectetur, sit dicta ullam molestiae vitae architecto fugit laborum. Excepturi alias at cupiditate laborum rem facilis velit commodi fugit voluptatum? Voluptate numquam impedit sunt unde?</span><span>Eius fugiat quas itaque quaerat numquam! Magni amet sint laudantium, atque sunt, esse vitae quod omnis possimus ipsa dolorem nesciunt ipsum odio quasi corrupti tempore culpa sed delectus praesentium. Fuga.</span><span>Illum dolorum error saepe temporibus doloremque natus, fugiat quaerat similique soluta blanditiis libero consectetur, nihil, eius labore. At sint voluptates, doloribus in quam nobis, est rerum aliquid culpa mollitia vitae.</span><span>Dolorem, nesciunt nobis! Ullam deserunt consequatur sapiente impedit dolorum nostrum, perferendis quod enim, culpa dolorem assumenda nesciunt officiis ut alias illum quos doloribus? Distinctio sed quibusdam unde ratione voluptas tenetur?</span><span>Voluptatum voluptatibus earum unde similique cupiditate nisi vel itaque, dicta quisquam magni ab dolore hic, soluta, fuga nesciunt quasi praesentium quas. Repudiandae non cupiditate placeat atque consequuntur voluptas sint suscipit?</span><span>Ratione, quis magni. Quis omnis, dignissimos eveniet at earum optio nihil illum natus ipsa perferendis repudiandae. Excepturi aperiam sed, assumenda error corrupti enim ipsa a? Repellendus possimus nobis eum ad.</span></p>
    <h2 id="bookmark2">안녕2</h2>
    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, voluptate. Doloremque eligendi, dolore suscipit excepturi delectus quas sed ex porro iure odit magni consequatur voluptatem laborum alias praesentium nam consectetur.</span><span>Atque aliquid nulla, aperiam voluptatem quos illo enim, dolore fuga numquam ab, ratione perspiciatis architecto harum. Eius eligendi similique, iusto accusantium placeat suscipit, dolore itaque, corrupti obcaecati repellat asperiores sapiente!</span><span>Beatae, reiciendis illum consequatur dolorum quibusdam tempora voluptate molestiae. Dolorum at enim dolore iure explicabo consequatur non velit, nostrum, qui porro a omnis repudiandae tempore molestias ipsum necessitatibus, blanditiis iusto.</span><span>Saepe dolorem natus beatae aperiam repellendus aut, ea alias iure culpa aspernatur, dolorum pariatur suscipit. Suscipit asperiores possimus recusandae eum distinctio. Nam blanditiis ab odit distinctio aut, alias fugit enim.</span><span>Ipsa fugiat magnam dolor minima dignissimos aliquid hic saepe voluptatem vel excepturi nulla beatae voluptatibus cum, animi architecto quo nisi impedit et explicabo ipsam corporis! Voluptas animi minus voluptatem magni.</span><span>Necessitatibus dolore laboriosam asperiores quod recusandae? Id quae deserunt alias est beatae nostrum! Qui incidunt mollitia error, alias repellendus unde, ipsam non odit dolorem minima similique minus ut fugit eius.</span><span>Asperiores esse amet laborum reiciendis neque modi nemo illo repellendus, impedit recusandae corrupti consequuntur, sequi cum doloribus eius vitae. Totam veritatis unde ipsum necessitatibus numquam, pariatur iste fuga quia cum!</span><span>Doloremque incidunt iste alias? Velit illo culpa vero possimus rerum, qui expedita neque temporibus quod quis nulla accusamus nisi, quasi dolorem dicta facilis unde aperiam id ipsum praesentium dolor impedit.</span><span>Suscipit iure placeat culpa corrupti quo officiis distinctio alias tempore et ad, praesentium qui, neque similique, quasi animi eligendi expedita ipsa iste illo ipsum. Aliquid error corrupti aperiam voluptatem porro!</span><span>Nihil, delectus fugiat nulla ad, illo repellendus quae saepe dolore dolorem deleniti distinctio maiores ipsa sit explicabo obcaecati voluptatum provident atque cumque. Cupiditate optio dicta, ad assumenda maiores rerum distinctio!</span></p>
    <h2 id="bookmark3">안녕3</h2>
    <p><span>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat eaque aspernatur commodi, earum consequuntur nisi suscipit aut quis laboriosam esse! Odit animi quisquam amet consequatur nobis eveniet inventore sit! Nulla!</span><span>Culpa mollitia aspernatur provident sequi veritatis, voluptate reprehenderit ipsa possimus itaque est voluptatem deleniti eius ut ipsam necessitatibus modi dolores dignissimos esse suscipit quidem autem optio. Possimus pariatur alias quo?</span><span>Fugiat doloribus quae laudantium quidem nobis. Numquam blanditiis autem deserunt neque atque commodi, ratione error ea minima praesentium sunt iure, quo expedita maiores aut quaerat! Veritatis recusandae rem distinctio modi.</span><span>Quibusdam est expedita explicabo quam distinctio voluptate aperiam dolorem laborum, eveniet fuga non molestias, at molestiae veniam. Delectus quidem veritatis laboriosam quia quisquam sit, vel sequi ex ea ducimus quibusdam?</span><span>Impedit atque nobis illum, ab assumenda quis unde commodi debitis vel cum recusandae deserunt expedita hic laboriosam, dicta inventore tempore reiciendis iste. Aut commodi, ea pariatur aspernatur velit vitae aperiam.</span><span>Ipsum, veniam incidunt, dolores, repellendus asperiores cupiditate aliquam distinctio temporibus repellat esse possimus dolorum eaque at perferendis culpa ex in assumenda minima! Quasi reiciendis itaque sit ea officia explicabo et?</span><span>Iste quas id cum repellat reiciendis sapiente quasi ratione neque rem amet minima facilis voluptas laudantium laborum esse deleniti, iusto magnam. Nemo atque officiis, dolorum quibusdam iusto autem assumenda ad.</span><span>Officiis doloremque aspernatur velit, possimus quo, nihil dicta animi tenetur unde praesentium quos ad corrupti vero consectetur voluptas qui aliquam perferendis ducimus eius et eaque harum? Excepturi expedita quidem incidunt.</span><span>Sint, qui corrupti? Ad dolor numquam neque? Deserunt corrupti cupiditate perspiciatis cum adipisci pariatur error omnis, vero harum ducimus nostrum quis hic, unde placeat rem maiores consequatur enim velit nihil.</span><span>Possimus iure non vitae mollitia consectetur praesentium nam. Est doloribus non eius, atque a eos nulla aut soluta? Libero at praesentium mollitia. Cumque ratione natus deserunt sunt consequuntur aspernatur quia?</span></p>
    <h2 id="bookmark4">안녕4</h2>
    <p><span>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error accusamus corporis fuga officiis unde doloribus, provident quas velit? Hic molestiae quia maiores, quae reiciendis fugit enim totam a vitae neque.</span><span>Molestias dicta saepe aut in. Unde repellendus obcaecati officia in. Aliquid nemo suscipit quam nesciunt molestias nam maiores nostrum error, impedit, sit ullam in, dignissimos saepe facilis? Placeat, numquam magnam.</span><span>Porro quibusdam dolore dolorem enim veniam distinctio consequuntur. Harum, quos facilis quasi et illo fugit eveniet quam, quae quidem deserunt corporis consequuntur consequatur impedit maxime excepturi pariatur eos sed alias?</span><span>Quo voluptatum beatae aliquid maxime corrupti, dolores voluptatem. Voluptatum quae provident facilis nisi consequatur, amet exercitationem eaque vel aspernatur blanditiis est ea officia sed, mollitia facere iusto tempora! Perspiciatis, perferendis.</span><span>Totam, consectetur alias consequatur corporis repellat recusandae dignissimos esse accusantium! Commodi, laudantium consequuntur! Eaque maxime, laborum sint dolore velit voluptate beatae nam dolorum, consequatur, eos magni quaerat voluptatibus necessitatibus quisquam.</span><span>Inventore, animi? Odio sunt nulla nemo beatae alias molestiae quae velit suscipit amet voluptatum dicta eius reprehenderit ab nisi, deleniti error, ipsum a placeat culpa nostrum dolores rerum, aliquid consectetur!</span><span>Soluta corporis iste laudantium doloremque dicta obcaecati illum eum veritatis amet ullam, temporibus rerum fugiat vero ratione recusandae necessitatibus assumenda sunt voluptatem sequi similique. Dolor officia temporibus possimus fugiat explicabo.</span><span>Commodi modi, ab aperiam, dolor sit quas eligendi veniam facere placeat odit a quia iste tempore illo sunt omnis fugiat culpa maiores ipsam? Dolorum soluta accusantium dignissimos voluptates nulla! Repellendus?</span><span>Iste aut suscipit doloribus maiores nihil quo iusto aliquam consectetur dolor, tempora non porro odio nam accusantium, qui, animi expedita! Quo optio nemo eos, accusantium amet reprehenderit praesentium! Ipsum, nisi!</span><span>Iure, dignissimos voluptas? Ea, harum porro minima aut voluptatibus unde veniam id, est eius commodi neque sunt. Repellat totam tempore itaque laudantium quasi est facere maiores iusto, eius nobis. Nulla.</span></p>
    <h2 id="bookmark5">안녕5</h2>
    <p><span>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium, reprehenderit distinctio mollitia vel impedit suscipit perspiciatis. Reiciendis, rem. Quas aperiam quos voluptatum sint itaque labore ab a incidunt. Saepe, ea.</span><span>Animi atque repudiandae repellat quibusdam, maiores eaque impedit nobis nisi eos neque mollitia minima quae quia in pariatur aliquid voluptatum inventore at, nemo natus deserunt, cum ipsa ratione modi. Aliquid.</span><span>Magni, maxime placeat soluta ut, fugit non unde iure rerum delectus ullam modi expedita reiciendis, porro aliquam laborum odit voluptate excepturi adipisci ipsa quis cum. Id maiores illo doloribus illum!</span><span>Sapiente reiciendis deleniti, in beatae dolores perferendis ipsam accusamus? Velit ad non molestiae facere a alias enim! Aliquid quo quibusdam officiis eligendi, earum veniam ad a fuga iusto blanditiis atque!</span><span>Sint officia minus laboriosam minima pariatur dolore sed itaque debitis blanditiis ea, praesentium cum rem officiis consequatur cumque rerum veniam excepturi, facilis deserunt modi delectus neque. Doloremque facere nobis maxime!</span><span>Nihil iste dolores debitis sit totam! Quibusdam magni minima neque earum dolor exercitationem maiores repellendus aliquam deserunt, harum perspiciatis facere nulla ullam? Amet deleniti odit ad cum dolore in dolor.</span><span>Vel est ut tempora cumque totam dicta quam, facilis similique numquam vitae in odit minima animi consequuntur accusamus. Culpa quisquam sunt eius dolorum error molestiae laborum neque alias quibusdam id!</span><span>Sit molestiae similique est itaque, accusantium doloremque obcaecati totam laudantium incidunt ullam dignissimos modi autem delectus. Deleniti, temporibus ullam nobis itaque iusto, accusamus ut, accusantium officiis voluptatibus quo iure debitis.</span><span>Voluptate alias porro, officia assumenda itaque, vel, quae eos enim dolorum maxime necessitatibus excepturi! Temporibus repudiandae quod voluptas minus, nam explicabo, doloribus ex odit ullam a repellendus alias voluptates iure?</span><span>Ullam eveniet praesentium vel obcaecati ad et. Exercitationem, temporibus? In, repudiandae. Maxime aspernatur, ex dolor perferendis quasi, autem soluta alias cumque obcaecati quaerat iusto quod vel, quibusdam suscipit debitis dignissimos?</span></p>
    <div style="width:150px; border:1px solid navy;">
        <ul>
            <li><a href="http://127.0.0.1:5500/01_html/05_link.html#bookmark1">안녕1</a></li>
            <li><a href="#bookmark2">안녕2</a></li>
            <li><a href="#bookmark3">안녕3</a></li>
            <li><a href="#bookmark4">안녕4</a></li>
            <li><a href="#bookmark5">안녕5</a></li>
            <li><a href="#top">맨위로</a></li>
        </ul>
    </div>