본문 바로가기
카테고리 없음

하이퍼링크 A태그 사용법 (색상변경,링크설명,창 형태)

by kangs' tong 2023. 8. 15.

A태그란?

A태그는 하이퍼링크를 생성하기 위해 사용되는 HTML 태그입니다. 이 태그를 사용하여 웹 페이지에서 다른 페이지로 이동하거나 파일을 다운로드하거나, 이메일을 보내는 등 다양한 작업을 할 수 있습니다.

A태그의 기본 형식

A태그의 기본 형식은 아래와 같습니다.

<a href="링크주소">링크텍스트</a>

위의 코드에서 링크주소는 클릭 시 이동하게 될 주소이고, 링크텍스트는 사용자에게 보여질 텍스트입니다.

색상 변경하기

A태그를 사용하여 링크의 색상을 변경할 수 있습니다. 이를 위해서는 아래와 같이 CSS 속성을 이용합니다.

<style>
a {
  color: red;
}
</style>

위의 코드를 웹 페이지의 <head> 태그 안에 추가하면 링크의 색상이 빨간색으로 변경됩니다.

링크 설명 추가하기

A태그는 title 속성을 이용하여 링크에 대한 설명을 추가할 수 있습니다. 이 설명은 사용자가 링크 위로 마우스를 올렸을 때 툴팁으로 보여집니다.

<a href="링크주소" title="링크 설명">링크텍스트</a>

위의 코드에서 링크 설명은 사용자에게 보여질 링크에 대한 설명입니다.

창 형태 변경하기

A태그의 링크를 새 창이나 새 탭으로 열도록 하고 싶다면 target 속성을 사용할 수 있습니다.

<a href="링크주소" target="_blank">링크텍스트</a>

위의 코드에서 target="_blank"를 추가하면 링크가 새 창이나 새 탭에서 열리게 됩니다.


이렇게 A태그를 사용하여 색상 변경, 링크 설명 추가, 창 형태 변경을 할 수 있습니다. A태그는 웹 페이지에서 링크를 생성하는데 필수적이며, 다양한 사용 방법을 익혀두면 웹 디자인에 유용하게 활용할 수 있습니다.

댓글