본문 바로가기
방통대/HTML5

2-2 이미지 표현

by 꿈꾸는 몽나 2024. 3. 2.
728x90

 

img 요소

: 웹 페이지에 이미지를 삽입할 때 사용 -> 종료태그 없이 사용

 

img 속성

-src="파일의 URL" : (필수) 문서에 표시할 이미지 파일의 경로/이름

-width="숫자" : 이미지의 폭(픽셀, %)

-height="숫자" : 이미지의 높이(픽셀, %)

*width, height의 기본 크기=원본 크기. 폭과 높이 중 하나의 크기만 지정되면 나마지 하나의 값은 원본 크기에 비례해서 자동 지정.

-alt="텍스트" : 이미지가 표시되지 않을 때 대체 표시될 텍스트. 이미지가 화면에서 표시되지 않거나 깨지는 경우를 대비해서 사용

-usemap="#맵이름" : 클라이언트 측의 이미지맵

 

 

입력)

 

 

출력)

 

728x90

'방통대 > HTML5' 카테고리의 다른 글

2-4 테이블 표현  (0) 2024.03.02
2-3 하이퍼링크 표현  (0) 2024.03.02
2-1 리스트 표현  (0) 2024.03.02
1-3 HTML 요소 : 텍스트 표현  (0) 2024.02.25
1-2 HTML 문서  (1) 2024.02.25