프로그래밍/Html & CSS

HTML 서식태그(링크)

민또배기 2022. 6. 23. 13:19
반응형

html에서 어떤 글?을 클릭스 링크(홈페이지 주소 등)로 이동하는 기능입니다.

흔히 말하는 하이퍼링크입니다.

 

<a> 태그를 사용합니다.

<a href="">하면 "" 사이에 이동할 주소를 입력해주시면 됩니다. 그러면 글씨가 파란색으로 바뀌며 밑줄이 쳐집니다.

<a href="" target="_blank">처럼 target에 _blank를 넣으시면 새창으로 열게 됩니다

<a href="" target="" title="간단 설명">처럼 title에 내용을 입력하면 표면상으로 아무 변화가 없습니다.

사용하는 이유는 이제 시각장애가 있으신 분들이 홈페이지 리더? 같은 것을 사용하는데 그 때 저 title의 내용을 읽어주어 클릭하면 어디로 가는지 알려줄 수 있다고 합니다.

 

<html>
  <body>
    <p>
      <a href="https://roomdev-diary.tistory.com/" target="_blank" title="티스토리 이동"> 티스토리 이동 </a>
    </p>
  </body>
</html>

 

반응형

'프로그래밍 > Html & CSS' 카테고리의 다른 글

HTML 동영상/오디오 태그  (0) 2022.11.09
HTML 이미지태그  (0) 2022.11.09
HTML 서식태그(강조)  (0) 2022.06.23
HTML 서식태그(목록)  (0) 2022.06.23
HTML 서식태그(문단)  (0) 2022.06.23