이미지 및 하이퍼링크 day3

웹에서 사용되는 이미지 형식

1. GIF(그래픽 인터체인지 형식)

2. JPG/JPEG(합동사진전문가그룹)

3. PNG(이동식 네트워크 그래픽)

태그 – 이미지 삽입

src 속성을 사용하여 이미지 파일이 있는 경로를 알려줘야 합니다.

예)

태그 – 이미지 삽입

alt 속성 – 이미지를 설명하는 대체 텍스트

너비, 높이 속성 – 이미지 크기 조정

,
태그 – 이미지에 설명 추가

태그, href 속성 – 링크 생성

내부에서 사용할 수 있는 주요 속성 꼬리표

href: 링크된 문서 또는 사이트의 주소를 입력하십시오.

target: 연결된 콘텐츠가 표시될 위치를 지정합니다(현재 창 또는 새 창).

다운로드: 다운로드, 연결된 콘텐츠를 표시하지 않음

rel: 현재 문서와 연결된 문서 간의 관계를 나타냅니다.

hreflang: 연결된 문서의 언어를 지정합니다.

유형: 링크는 문서의 파일 유형을 나타냅니다.

대상 속성 – 새 탭에서 링크 열기

_blank: 링크 콘텐츠가 새 창이나 탭에서 열립니다.

_self: 대상 속성의 기본값으로 링크가 있는 화면에 열립니다.

_parent: 프레임 사용 시 링크 내용은 부모 프레임에 표시되며,

_top: 프레임 사용 시 프레임에서 벗어나 링크 내용을 전체 화면으로 표시

앵커라고 하는 이 기능은 페이지가 긴 웹 문서에서 클릭 시 특정 요소로 한번에 이동합니다.

예) 텍스트 또는 이미지

텍스트 또는 이미지

꼬리표,

태그, usemap 속성 – 이미지 맵 지정

SVG 이미지는 웹상에서 복잡한 데이터를 표현하는 d3.js나 Raphael.js와 같은 자바스크립트 라이브러리에서 차트나 그래프를 표현하는 방식이다.

SVG가 지원되지 않는 경우 src 속성에 png 파일 경로를 지정하십시오. 꼬리표.