๐ป๋งํฌ, Link๐ป
- <a>, anchor(๋ป), link
- href๊ฐ ์์ผ๋ฉด ๋งํฌ๋ผ๊ณ ๋ถ๋ฅธ๋ค.
- ๋งํฌ ์์ฑ
- a.href : ํด๋ฆญํ๋ฉด ์ด๋ํ URL . reference a hyperlink.
- a.target : ์ด๊ฑฐํ. _self / _blank / _parent / _top
_self
- ๋ด๋ถ ๋งํฌ์ฉ์ผ๋ก ์ฌ์ฉํ๋ค.
- ํ์ฌ ์ฐฝ์์ ํ์ด์ง๊ฐ ์ด๋๋๋ค.
_blank
- ์ธ๋ถ ๋งํฌ์ฉ์ผ๋ก ์ฌ์ฉํ๋ค.
- ์ ์ฐฝ์์ ํ์ด์ง๊ฐ ์ด๋ฆฐ๋ค.
<body>
<!-- ์ฃผ์! url์ https:// ๋๋ http://๊ฐ ํฌํจ๋์ด ์์ด์ผ ํ๋ค. -->
<h1>๋งํฌ</h1>
<h2>๋ด๋ถ ๋งํฌ(๊ฐ์ ์ฌ์ดํธ๋ด์ ์ด๋)</h2>
<a href="ex10_list.html">10๋ฒ ์์ </a>
<h2>์ธ๋ถ ๋งํฌ</h2>
<a href="https://naver.com">๋ค์ด๋ฒ๋ก ์ด๋ํฉ๋๋ค.</a> <!-- ํ์ฌ ์ฐฝ์์ ๋ค์ด๋ฒ๋ก ์ด๋-->
<a href="https://google.com" target="_blank">๊ตฌ๊ธ๋ก ์ด๋ํฉ๋๋ค.</a> <!--์ ์ฐฝ์์ ๊ตฌ๊ธ๋ก ์ด๋-->
<body>
- ์ต์ปค
- href๊ฐ ์์ผ๋ฉด ์ต์ปค๋ผ๊ณ ๋ถ๋ฅธ๋ค.
- ๋ฌธ์ ๋ด์์ ๋ค๋ฅธ ์์น๋ก ์ด๋ํ๋ ๋งํฌ๋ฅผ ์์ฑํ๋ ์์์ด๋ค.
- ์คํฌ๋กค ์ด๋์ด ๋๋ค.
- ๋ค๋ฅธ ๋งํฌ์ ๊ตฌ๋ถํ๊ธฐ ์ํด #๋ฅผ ๋ถ์ธ๋ค.
- ์ด๋ํ ์์น์ <a> ํ๊ทธ์ name ์์ฑ์ ์ฌ์ฉํ์ฌ ์ต์ปค๋ฅผ ๋ง๋ ๋ค.
- name ์์ฑ์ ๊ฐ์ ์ต์ปค๋ฅผ ์๋ณํ๋๋ฐ ์ฌ์ฉ๋๋ค.
- ๋งํฌ๋ฅผ ํด๋ฆญ ํ <a> ํ๊ทธ์ href ์์ฑ์๋ #์ต์ปค์ ์ด๋ฆ์ ์์ฑํ๋ค.
- ์ด๋ฅผ ํด๋ฆญํ๋ฉด ํด๋น ์ต์ปค ์์น๋ก ์ด๋ํ๋ค.
<body>
<h1><a name="title">์ต์ปค</a></h1>
<ul>
<li><a href="#a1">์ ์ฃผ๋</a></li>
<li><a href="#a2">์ธ๋ฆ๋</a></li>
<li><a href="#a3">๋
๋</a></li>
</ul>
<h2><a name="a1">์ ์ฃผ๋</a></h2>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<h2><a name="a2">์ธ๋ฆ๋</a></h2>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<h2><a name="a3">๋
๋</a></h2>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p><p>์ค๋ช
์
๋๋ค.</p>
<hr>
<a href="#title">๋งจ์๋ก</a>
</body>
