본문 바로가기
IT/@HTML

HTML 공부하기 : <a> 태그 사용

by He;story 2020. 2. 2.

홈페이지나 블로그를 보면 다른 페이지로 이동할 수 있다.

 

홈페이지에 하이퍼링크를 추가하여 다른 페이지로 이동

<a>태그를 이용해서 사용

 

 

외부 사이트 하이퍼링크

<a href = " 가고 싶은 주소 " 내용을 적어준다> 

 

<body> 안에 <a> 태그를 보면 "https://awesomek.tistory.com" 주소로 링크된 것을 볼 수 있다.

아래 링크를 클릭하면 tistory 블로그로 바로 가게된다.

하지만 사이트에서 외부페이지로 바로 넘어가면 사용자가 불편함을 느낄 수 있다.

링크를 눌렀을 때 새탭에 띄울 수 있게 해보려한다.

 

 

 

 

위와 같이 뒤에 target="_blank" 를 추가해주면 된다.

 


사이트 내 이동하기

index 폴더경로는 file:///C:/web/index.html 이렇게 되어있다.

 

web 폴더 아래 Directory 라는 폴더를 하나 만들고 거기에 page1.html 파일을 만든다.

page1.html 의 경로는 C:\web\Directory 이렇게 된다.

다시 index.html로 돌아가서 a태그를 이용하여 경로를 설정해준다.

 

<a href="Directory/page1.html"> page 1</a>

 

위와 같이 page1이라는 링크가 나오고, 클릭하면 page1.html로 이동할 수 있다.

댓글