HTML 문서에 표시할 이미지 파일의 이름/경로 지정
-필수 속성
GIF | JPG | PNG
256색상지원 트루컬러 트루컬러
투명배경처리 좋은압축률 투병배경처리
용량이작음 용량이작음 웹전용이미지파일
고로나클립아트 사진이미지 클립아트와 같이
문서와 같은 폴더의경우
// <img src ="gravity.jpg"
절대경로의경우
// <img src ="C:\htmlEx\img\gravity.jpg"
상대경로(현재위치가 C:\htmlEx경우)
// <img src="img\flower.jgp"
기본출력크기-이미지의 원본크기
속성값- 픽셀,%(브라우저 화면 크기에 대한 상대적 크기)
폭과 높이 중에서 하나의 크기만 지정되면
->나머지 하나의 값은 원본 크기에 비례해서 자동으로 지정
이미지가 화면에 표시되지 않거나 이미지가 깨지는 경우를 위해 사용
<a href = "이동할 위치" 링크를 걸어 줄 내용물(텍스트,이미지)
※주요속성
href="url"->링크를 톷ㅇ해 이동하려는 곳의 경로/주소 지정
target="창이름"->링크된 내용이 표시될 창을 지정
download -> href 속성에 의해 지정된 파일을 직접 다운로드
링크가 클릭 되었을때 링크로 연결된 새로운 내용이 표시될 창 지정
target속성의 값
_blank ->새로운 창(탭)에서 링크된 문서를 엶
_self -> (기본값). 현재의 창(탭)에서 링크된 문서를 엶
_top -> 현재의 창이 프레임으로 구성된경우 모든 프레임이 사라지고 하나의화면에서 문서를엶
_parent -> 부모 프렐임에서 링크된 문서를 엶
프레임명 -> 링크된 문서를 표시할 프레임의 이름을 직접지정
Hyper Text Markup Language
Cascading Style Sheet
클라이언트 쪽에서 독립적으로 실행되는 프로그램을 작성하기 위한 스크립트언어
파일링크
압축 파일,실행파일 -> 다운로드
음악파일, 동영상 파일-> 플러그인 프로그램으로 실행/ 저장
*텍스트/이미지
현재의 페이지 안에서 다른 웹페이지를 표시하는 창을 사입하기 위한 태그
주요속성
〈iframe〉 태그와 이미지맵
▶ 〈iframe〉 → 현재 페이지 안에 다른 웹페이지를 표시할 수 있는 창을 삽입 → 속성: name, src, srcdoc, width, height
▶ 이미지맵 → 하나의 이미지를 여러 개의 영역으로 나누어 각 영역마다 링크를 지정하는 것 → 〈img src="URL" usemap="#맵이름"〉, 〈map name=“맵이름”〉, 〈map〉 태그 내에서 각 영역을 지정하는 〈area〉 태그