본문 바로가기

강의실/HTML

그림삽입

그림 삽입 방법
조회수 : 9410
홈페이지는 글자와 그림으로 구성된다고 해도 과언이 아니다. 아니 오히려 글자는 그냥 쓰기만 하면 되므로 사용하는데 별 무리가 없을지도 모른다. 하지만 그림의 경우는 다음과 같이 html문서내에 삽입하며 삽입하기 전에는 반드시 지정한 그림을 먼저 만들거나 내가 가지고 있어야 한다. 나중에 설명하겠지만 그림만드는 방법은 일단 접고 그림을 내 홈페이지에 삽입하는 방법은 다음과 같이 간단하게 적용할 수 있다.

그림넣기
예제 설명
<IMG SRC="image.gif">
<IMG SRC="">태그 안에 삽입하고자 하는 이미지 파일 이름을 삽입하면 웹 상에 이미지를 나타내 준다.이 때 이 그래픽 파일은 위의 화일이 존재하는 같은 디렉토리 안에 있어야 한다. 만일 다른 디렉토리에 그래픽 파일이 존재한다면 다음과 같이 그 디렉토리에 관한 URL을 모두 써주어야 한다.

위에서 쓰인 태그 중 IMG란 image의 약어이며,SRC란 source를 의미한다.
이때 사용되는 이미지는 적은 용량에 화질이 선명한 GIF포맷이 주로 사용되며,좀더 압축 효율이 좋은 JPG도 최근 많이 사용되고 있다.

텍스트 웹브라우져에서 또는 넷스케이프나 익스플로러의 경우에 자동 이미지 설정이 안되었거나 STOP버튼을 눌렀을 경우 이미지는 보이지 않게 된다.
이러한 경우에 대비해 ALT="설명"속성을 사용한다면 이미지와 텍스트를 선택적으로 사용함으로써 사람들이 실제로 이미지를 보지 못했다고 하더라도 이 이미지에서 무엇을 이야기하려고 했는지를 알려 줄 수 있게 한다.

그리고 브라우져는 이미지를 다운 받기 전에 "ALT"의 텍스트를 먼저 로딩한다. 그래서 이미지를 로딩하는 이용자들도 이미지를 보기 전에 "ALT"뒤의 텍스트를 먼저 볼 수 있다.
Update : 2000/03/16 [돌아가기]

'강의실 > HTML' 카테고리의 다른 글

그림지정  (0) 2007.07.17
그림과 글자 정렬  (0) 2007.07.17
공백넣기  (0) 2007.07.17
글자 속성 지정  (0) 2007.07.16
글자 색상 지정  (0) 2007.07.15