본문 바로가기

WEB/HTML&CSS

[HTML/CSS] #5.링크

웹페이지를 만들다 보면, 특정 문구에 링크를 걸고 싶은 상황이 있을 것이다.

이 때 사용하는 태그가 바로 a태그이다. 다음의 코드를 보자.

 

<a
  href="https://developer.mozilla.org/ko/docs/Web/HTML"
  target="_blank"
  title="html tag specification"
  >click me!</a
>

 

여기서 a는 anchor의 약자이고 href는 HyperText Reference의 약자로, 링크를 걸어줄 때 사용한다.

target="_blank" 는 링크를 클릭했을 때 새 창에서 열리도록 하는 속성이다.

title은 이 링크가 어떤 내용을 담고 있는지를 툴팁으로 보여주는 기능이다. (링크에 마우스를 갖다대면 보일 것이다.)

 

'WEB > HTML&CSS' 카테고리의 다른 글

[HTML/CSS] #7.선택자 (tag, class, id)  (0) 2021.12.01
[HTML/CSS] #6.CSS 기본 문법  (0) 2021.11.30
[HTML/CSS] #4.목록 태그  (0) 2021.11.29
[HTML/CSS] #3.속성과 img  (0) 2021.11.29
[HTML/CSS] #2.줄바꿈  (0) 2021.11.29