IMG태그, 무료이미지사이트, a태그의 target속성

💡 핵심 요약 (TL;DR)

IMG태그, 무료이미지사이트, a태그의 target속성의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 이제는 프레임구조가 없어져서 top과 parent는 더이상 사용하지 않는다.

웹에서 활용하는 대표 이미지형식 3가지

확장자명	특징
.gif	최대 256가지 색상 표현 가능. 투명배경 가능. 움짤가능
.jpg	트루컬러 표현 가능. 색상에 비해 파일 용량이 작음 ex)일반사진
.png	트루컬러 표현 가능. 투명배경가능. ex)로고

무료이미지사이트

1. Pixabay
2. Pexels
3. Morguefile

a태그의 target속성

a태그의 target속성은 링크 여는 방식을 지정한다. 총 4가지가 있다.
이제는 프레임구조가 없어져서 top과 parent는 더이상 사용하지 않는다.

target = "_self" : 기본값, 링크가 현재 위치에서 열림.
target = "_blank" : 링크를 새탭열기.
target = "_top" : (프레임구조에서) 링크가 전체 창에 하나로 열림.
target = "_parent" : (프레임구조에서) 링크가 상위창(부모창)에서 열림.

예시

현재페이지열기 : <a href="https://www.naver.com/">
새창열기 : <a href="https://www.naver.com/" target="_blank">

#TILHTML&CSSITWILL(JAVA)