하이퍼텍스트와 속성

 

 

 

 

하이퍼텍스트와 속성

 

 

저번에 만든 a.html 파일의 마지막 부분에 (도널드 커누스)를 추가해줍니다.

 

 

 이번에는 글씨를 클릭하면 다른 웹페이지로 연결되는 링크를 만들어 보려고 합니다. 바로 방금 추가한 (도널드 커누스)를 링크로 만들어 보겠습니다. 글씨를 클릭하여 웹페이지로 이동하게 링크를 걸려면 a태그를 사용해야 합니다. a태그는 anchor의 약자입니다.

 

 

 

 

 a태그를 달아도 웹페이지에는 변한 것이 없습니다. 그럼 어떻게 해야 링크가 생길까요?

 

 

 

 

일단 링크를 걸려면 이동할 웹페이지의 주소가 필요합니다. 구글에서 '도널드 커누스'를 검색해서 위키백과를 들어갔습니다. 그리고 주소를 복사한 뒤 a.html 파일로 다시 돌아갑니다.

 

 

 

 

 

 a태그 안에 href=(주소)를 추가하면 도날드 커누스라는 부분에 링크를 걸게 됩니다. 하지만 이렇게 하면 링크 클릭 시 기존에 열려있던 페이지에서 링크로 이동하게 됩니다. 불편하므로 새 탭에서 페이지를 열게 하기 위하여 a태그 안에 target="_blank"를 추가해줍니다. 위치는 a태그 안이면 어디든 상관 없습니다.

 

 

 

 한가지 더, 링크 위에 롤오버(마우스 포인터를 올려놓기)를 했을 때, 짤막한 설명이 나오게 하는 법이 있습니다.

 

 

title="(내용)"을 추가해주면 롤오버했을 때 입력한 내용이 나오게 됩니다.