웹에서 사용되는 이미지 형식
1. GIF(그래픽 인터체인지 형식)
2. JPG/JPEG(합동사진전문가그룹)
3. PNG(이동식 네트워크 그래픽)
태그 – 이미지 삽입
src 속성을 사용하여 이미지 파일이 있는 경로를 알려줘야 합니다.
예)
태그 – 이미지 삽입
alt 속성 – 이미지를 설명하는 대체 텍스트
너비, 높이 속성 – 이미지 크기 조정
내부에서 사용할 수 있는 주요 속성 꼬리표
href: 링크된 문서 또는 사이트의 주소를 입력하십시오.
target: 연결된 콘텐츠가 표시될 위치를 지정합니다(현재 창 또는 새 창).
다운로드: 다운로드, 연결된 콘텐츠를 표시하지 않음
rel: 현재 문서와 연결된 문서 간의 관계를 나타냅니다.
hreflang: 연결된 문서의 언어를 지정합니다.
유형: 링크는 문서의 파일 유형을 나타냅니다.
대상 속성 – 새 탭에서 링크 열기
_blank: 링크 콘텐츠가 새 창이나 탭에서 열립니다.
_self: 대상 속성의 기본값으로 링크가 있는 화면에 열립니다.
_parent: 프레임 사용 시 링크 내용은 부모 프레임에 표시되며,
_top: 프레임 사용 시 프레임에서 벗어나 링크 내용을 전체 화면으로 표시
앵커라고 하는 이 기능은 페이지가 긴 웹 문서에서 클릭 시 특정 요소로 한번에 이동합니다.
예)
태그, usemap 속성 – 이미지 맵 지정
SVG 이미지는 웹상에서 복잡한 데이터를 표현하는 d3.js나 Raphael.js와 같은 자바스크립트 라이브러리에서 차트나 그래프를 표현하는 방식이다.
SVG가 지원되지 않는 경우 src 속성에 png 파일 경로를 지정하십시오. 꼬리표.