[HTML] 2.기본 태그 정리

<a> 태그

<a> 태그는 하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 정의할 때 사용합니다.

이러한 <a> 태그에서 가장 중요한 속성은 바로 링크(link)의 목적지를 가리키는 href 속성입니다.

따라서 href 속성이 없다면, target, download, rel, rev, hreflang, type, referrerpolicy 속성들도 사용할 수 없습니다.

링크된 페이지는 보통 브라우저의 현재 윈도우에 표시되며, 이것은 target 속성으로 변경할 수 있습니다.

 

링크는 모든 브라우저에서 다음과 같은 기본 스타일을 가지게 됩니다.

- 아직 방문하지 않은 링크(unvisited link) : 밑줄, 파란색(blue)

- 방문했던 링크(visited link) : 밑줄, 보라색(purple)

- 활성화된(현재 마우스가 클릭하고 있는) 링크(active link) : 밑줄, 빨간색(red)

<a href="https:/angsu.tistory.com/">앙수 블로그로 이동</a>

---

<button> 태그

<button> 태그는 클릭할 수 있는 버튼을 정의할 때 사용합니다.

<button> 요소 안에는 텍스트나 이미지와 같은 콘텐츠를 삽입할 수 있지만, <input> 요소를 사용한 버튼에는 이와 같은 콘텐츠를 삽입할 수 없습니다.

브라우저별로 <button> 요소에 대해 서로 다른 기본 타입을 사용할 수 있으므로, <button> 요소에는 언제나 type 속성값을 명시하는 것이 좋습니다.

<button type="button" onclick="alert('Hello World!')">클릭해 보세요!</button>

---

참고 사이트 : https://www.tcpschool.com  / http://www.w3schools.com