<a> 태그

🍃 a 태그란?

<a> 태그는 HTML에서 사용되는 "앵커" 요소(anchor element)이다.

앵커란 웹 페이지에서 다른 웹 페이지로 이동하거나 같은 페이지 내에서 특정 위치로 스크롤 하는데 사용되는 링크를 뜻한다. 이 요소를 사용하여 하이퍼링크를 생성하며, 사용자가 클릭하면 지정된 URL로 이동하게 된다.

<a href="https://www.example.com">이것은 링크입니다</a>

 

🍃 예시

아래 태그에서 그냥 사용하게 되면 이렇게 밑줄과 색이 자동으로 지정된다.

<a href='#'>수정</a>

🍃 a태그 밑줄 없애기

 때문에 밑줄을 없애고 싶다면 아래와 같이 textDecoration none css를 적용시켜주면 밑줄이 사라지게 된다.

<a href='#' style={{ marginLeft: '10px', textDecoration: 'none'}}>수정</a>)}

 

🍃 색 바꾸기

색을 바꾸고 싶다면 color를 넣어주면 된다.

<a href='#' style={{ marginLeft: '10px', textDecoration: 'none', color : 'grey'}}>수정</a>)}