|
그림 파일 구하는 방법
1.직접 인터넷을 돌아다니다 마음에 드는 이미지를 가져옵니다.
그림을 가져오는 방법은 필요한 이미지 위에서 마우스의 오른쪽 버튼을 클릭하신 다음, 메뉴에서 다른 이름으로 그림저장 Save this image as…를 선택합니다.
웹 에티터에서 직접 편집을 하실 분은 이미지 위에서 복사를 하신 후 웹 에디터기에서 저장을 하셔도 됩니다.
2 .사진이나 그림을 직접 스켄하여 파일을 만듭니다.
이미지 삽입
<IMG src = "그림파일명"> 단일 태그입니다.
이미지와 텍스트 정렬
*<IMG src = "파일명" align = left,center,right> … 이미지 텍스트를 좌우로 정렬.
*<center><IMG src="파일명"></center> 이미지 텍스트를 가운데로 정렬.
*<IMG src = "파일명" align = top,middle,bottom> 그림 다음에 오는 글자를 지정합니다. 이미지와 텍스트를 상, 중, 하로 정렬
이미지 크기 조절
*<IMG src = "파일명" width ="n" height ="n">
*width=n(그림의 폭 지정)
*height=n(그림의 높이 지정) :이미지와 폭과 넓이를 지정하여 이미지의 크기를 자유롭게 나타냅니다.
이미지 테두리 설정
*<IMG src = "파일명" border ="n"> 테두리선 크기를 지정합니다.
테두리선 안보이게는 n=0
*<IMG src = "파일명" alt="그림에 대한 설명or명칭">
*VSPACE="..." 이미지와 그 상하에 위치하는 텍스트 사이의 간격을 지정합니다.
*HSPACE="..." 이미지와 그 좌우에 위치하는 텍스트 사이의 간격을 지정합니다.
*LOWSRC="..." SRC 속성값으로 지정되는 이미지가 로딩되기 전에 먼저 디스플레이 될 이미지의 경로명이나 URL, 보통 실제 이미지의 저해상도 버전의 파일이 사용됩니다.
*USEMAP="..." <MAP NAME=mapname> 태그로 정의되는 Client-side 이미지맵에서 사용할 이미지를 지정합니다.
이미지맵
*<MAP> ... </MAP> Client-side 이미지맵 방식을 위한 맵 정보를 정의. <MAP NAME="맵의 이름을 정의">
*<AREA> ... </AREA>
*Client-side 이미지맵에서 각 영역을 정의하는데 사용합니다.
*TYPE="..." <AREA> 태그로 정의되는 영역의 형태를 지정. RECT, ROLY, CIRCLE의 속성값이 사용됩니다.
*COORDS="..." <AREA> 태그로 정의되는 영역이 좌표값을 지정합니다.
*HREF="..." <AREA> 태그로 정의되는 영역이 클릭되었을 때 로딩될 문서의 URL 지정합니다.
|