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

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

by nono22 2023. 11. 25.

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

마크다운으로 하이퍼링크를 생성하는 방법을 알아보겠습니다.

색상 변경

하이퍼링크의 색상을 변경하려면 CSS 스타일을 추가해주어야 합니다. 아래는 예시입니다.

<a href="링크주소" style="color: red;">링크 텍스트</a>

위의 코드를 사용하면 링크 텍스트의 색상이 빨간색으로 변경됩니다. color 속성을 다른 색상으로 변경하면 해당 색상으로 링크 텍스트의 색상이 변경됩니다.

링크 설명

링크에 대한 설명을 추가하려면 title 속성을 사용할 수 있습니다. 이 속성은 마우스를 링크 위에 올렸을 때 나타나는 툴팁으로 표시됩니다. 아래는 예시입니다.

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

위의 코드를 사용하면 링크 텍스트 위에 마우스를 올렸을 때 "링크 설명"이라는 툴팁으로 표시됩니다.

창 형태

링크를 클릭했을 때 링크가 새 창이나 새 탭에서 열리게 하려면 target 속성을 사용할 수 있습니다. 아래는 예시입니다.

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

위의 코드를 사용하면 링크를 클릭했을 때 링크가 새로운 창이나 탭에서 열립니다. target 속성의 값으로 "_blank"를 사용하면 됩니다.

이렇게 하이퍼링크의 색상 변경, 링크 설명, 창 형태에 대한 소개를 마크다운으로 작성할 수 있습니다. 해당 기능들을 활용하여 다양한 하이퍼링크 스타일링을 할 수 있습니다.

댓글