Programming Language/HTML | CSS | JS
HTML 6์ผ์ฐจ ๊ณต๋ถ
chaerlo127
2022. 1. 13. 00:20
728x90
1. HTML Link
- Target Attribute
- _self : default, ๊ฐ์ ์ฐฝ, ์๋์ฐ์์ ๋งํฌ๊ฐ ์ด๋ฆผ
- _blank: ์๋ก์ด ์ฐฝ, ์๋์ฐ์์ ๋งํฌ๊ฐ ์ด๋ฆผ
- _parent: ๋งํฌ๋ฅผ parent frame์์ ๋งํฌ๊ฐ ์ด๋ฆผ
- _top: ํ์ฌ ์๋์ฐ ์ ์ฒด์์ ์ด๋ฆผ
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="https://monynony0203.tistory.com/" target="_self">_self</a>
<br>
<a href="https://monynony0203.tistory.com/" target="_blank">_blank</a>
<br>
<a href="https://monynony0203.tistory.com/" target="_parent">_parent</a>
<br>
<a href="https://monynony0203.tistory.com/" target="_top">_top</a>
</body>
</html>
- Absolute URLs & Relative URLs
- Absolute URLs : a full web address
- Relative URLs: a link to a page within the same website (without the "https://www" part)
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Absolute URLs</h1>
<p><a href="https://monynony0203.tistory.com/">my blog</a> </p>
<h1>Relative URLs</h1>
<p><a href="js.html">CSS Tutorial</a></p>
</body>
</html>
- img HTML Link
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="https://monynony0203.tistory.com/">
<img src="https://www.w3schools.com/html/w3schools.jpg" alt="i can't show you this pic"> </a>
</body>
</html>
- email address HTML Link
- mailto:[email ์ฃผ์ ์ ๊ธฐ]
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- mailto: -->
<a href="mailto:abcdefg@gmail.com">send email</a>
</body>
</html>
- button HTML Link
- onclick: "location.href=' url '"
- onclick: "window.open(' url ') "
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<button onclick="location.href='https://monynony0203.tistory.com/'">my blog with this window</button>
<br>
<button onclick="window.open('https://monynony0203.tistory.com/')">my blog with new window</button>
</body>
</html>
๋ค์ 7์ผ์ฐจ ๊ณต๋ถ๋
https://www.w3schools.com/html/html_links_colors.asp ์ฌ๊ธฐ์ ๋ถํฐ!!
728x90