반응형
- code -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>새창으로 열기</title>
</head>
<body>
<a href="http://www.example.com/" target="_blank">새창으로 열기</a>
<p>
<a href="http://www.example.com/">현재창으로 열기</a>
</p>
<p>현재페이지</p>
<button onclick="location.href='address'">button</button>
<p>새창</p>
<button onclick="window.open('address')">button</button>
<p>팝업으로 열기</p>
<button onclick="window.open('address','window_name','width=430,height=500,location=no,status=no,scrollbars=yes');">button</button>
</body>
</html>결과물
현재페이지
새창
팝업으로 열기
다양한 방법의 링크 입니다.
728x90
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [HTML & CSS] outline(테두리) 의 종류와 스타일 (0) | 2020.12.20 |
|---|---|
| [HTML & CSS] 이미지(image) 회전 (0) | 2020.12.07 |
| [HTML & CSS] 테두리 굴곡(border radius) 주기 (0) | 2020.11.30 |
| [HTML & CSS] 네비게이션 바(Navigation Bar) 기본 (0) | 2020.11.28 |
| [HTML & CSS] 슬라이드(slide) 옆으로 움직이는 방향 (0) | 2020.11.13 |
댓글