<a>태그와 href 속성, 앵커(Anchor)

Seulyi Yoo·2022년 6월 29일
0

html, css grammer

목록 보기
3/27
post-thumbnail

링크를 만드는 4가지 방법

  1. 텍스트 링크 만들기
  2. 이미지 링크 만들기
  3. 버튼 링크 만들기
  4. 범위에 링크 만들기

<!-- 이미지 링크걸기 -->
<a href="링크할 주소">
	<img src="이미지 파일경로" alt="대체텍스트" />
</a>

<!-- a태그 링크걸기 -->
<a href="링크할 주소">텍스트</a>
titledesc
href링크한 문서나 사이트의 주소를 입력
target링크한 내용이 표시될 위치를 지정(_top, _blank)
download링크한 내용을 다운로드
rel현재 문서와 링크한 문서의 관계를 알려줌
hreflang링크한 문서의 언어를 지정
type링크한 문서의 파일 유형을 알려줌

앵커(Anchor)

  • 한 페이지 안에서 링크를 만드는 것을 말함
  • 페이지가 긴 웹 문서에서 특정 요소를 클릭하면 그 위치로 한 번에 이동하도록 도와줌(ex. 책 소개 페이지)

    기본형
    <태그 id="앵커이름">텍스트 또는 이미지<태그>
    <a href="#앵커이름">텍스트 또는 이미지</a>

profile
성장하는 개발자 유슬이 입니다!

0개의 댓글