YunDev

HTML 하이퍼 링크 걸기 본문

Programming/HTML

HTML 하이퍼 링크 걸기

S준 2020. 3. 13. 22:31

 

안녕하세요~~ 오늘은 html에서 링크를 거는 방법에 대하여 알아보도록 하죠!!

 

 

1.링크 걸기

하이퍼 링크는 <a href="링크">이름</a> 이런식으로 <a> 태그를 사용하여 걸 수 있습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>하이퍼 링크 걸기</title>
</head>
<body>

	<a href = "https://www.naver.com">네이버로 이동하기</a> <br>
	<a href = "https://www.google.com" target="_blank">구글로 이동하기</a>
	
</body>
</html>

 

 원래는 실행하는 화면에서 사이트로 넘어가지만 target="_blank"를 하면 새 화면이 생긴 후

그 화면에서 사이트로 이동하게 됩니다.

 

 

 

 

 

 

2.<base> 태그

 

base 태그를 사용하면 모든 링크의 기준을 정할 수 있습니다. 만약 "https://"를 넣는다면 

링크를  www.naver.com/ 으로 좀 더 편하게 걸 수 있습니다.

 

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>base</title>
<base href="http://www.soen.kr/lecture/ccpp/cpp1/">
</head>
<body>
<p>C 언어 강좌</p>
<p><a href="9-1-1.htm">배열의 정의</a>
<p><a href="9-1-2.htm">배열의 특징</a>
</body>
</html>

 

 

 

 

 

이렇게 하이퍼 링크를 거는 방법에 대해 알아보았습니다~!

저작자표시 비영리 동일조건

'Programming > HTML' 카테고리의 다른 글

HTML - <details> 태그와 <summary> 태그를 알아보자!  (0) 2020.03.15
HTML - 시작하기  (1) 2020.03.11
'Programming/HTML' Related Articles more