본문 바로가기
프로그래밍 개발/HTML

HTML a 태그

by Jinseok Kim 2020. 10. 16.
반응형

a 이란?

 

텍스트에 파일 및 사이트 링크를 걸어주는 역할을 한다.

a 태그는 문단, 목록, 테이블뿐만 아니라 섹션 전체를 감쌀 수도 있지만 a태그 안의 버튼이나 링크등 인터렉티브한 요소가 포함되어 있으면 안됩니다.

 

  • href : 링크 주소를 지정한다.
  • download : 파일을 다운로드 할 수 있는 링크를 만들어 준다.
  • target : 링크를 어떤 프레임에 열것인지를 결정한다.
    • _blank : 새창에 연다.
    • _parent : 부모창에 연다.
    • _self : 자신의 창에 연다.
    • _top : 화면이 여러 프레임으로 이루어져있는 경우 모든 프레임을 지우고 전체 화면에 연다.
    • [name] : 지정된 이름에 링크를 연다.

 

 

 

 

응용하기 실습

 

 

바탕화면 이미지 파일을 다운로드 하는 링크를 만들어 보았다.

 

 

 

이렇게 웹 페이지가 구현이 되었다. 다운로드 텍스트가 링크가 걸려있는 모습을 볼 수 있다.

 

 

 

 

다운로드 링크를 클릭하자 직접 다운로드를 할 수 있는 창이 등장한다.

 

 

 

 

miaow-miaow.tistory.com/83

 

[HTML] Link 태그 사용하기 - download 속성

안녕하세요 냥장판 입니다 지난 게시글에서는 Link 태그 기본사용법에 대해서 살펴봤어요 2020/01/09 - [놀고있네/HTML & CSS] - [HTML] Link 태그 사용하기 - 기본편 [HTML] Link 태그 사용하기 - 기본편 목표:.

miaow-miaow.tistory.com

이 분의 블로그 글을 참고하고 도움을 얻었습니다.

 

 

 

 

 

 

반응형

댓글