* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.

[펌 강의] 7. 이미지 삽입하기

페이지 정보

써니

본문

size="2">7. 이미지 삽입하기


1) 삽입 방법


html 파일에 이미지 삽입하는 방법은
<IMG SRC="그림파일">이라고 사용합니다. IMG는 image의
약자라고 보면 되죠.


<IMG
SRC="그림파일" border="n" width="n"
height="n">


  • src - 보여줄
    그림 파일이 있는 위치 정보입니다. source의 약자라고 보면 되겠죠?

  • border -
    그림의 테두리 선의 두께를 나타납니다. Default는 1이고 테두리
    선이 나타나지 않도록 하려면 border="0"를 주면 됩니다.

  • width -
    그림의 폭을 조절합니다.

  • height -
    그림의 높이를 조절합니다.


html 파일과 이미지가
같은 디렉토리에 있을 경우에는 src 부분에 그냥 이미지 명만 적으면
됩니다.  이미지의 파일 이름이 flower.gif 라면 <img src="flower.gif">
와 같이 나타내 주면 되죠.


그런데 다른 디렉토리에
있다면 디렉토리 정보도 함께 보여줘야 합니다. 만약 index.html 이라는
파일에 이미지를 삽입하려고 하는데, image라는 디렉토리를 만들고 그
안에 flower.gif 라는 파일이 존재한다면 <img src="image/flower.gif">
라고 사용하면 되죠. flower.gif 라는 파일은 image 라는 디렉토리 밑에
있고 index.html 이라는 파일과 image라는 디렉토리는 같은 위치에 존재한다는
가정에서 가능하죠.


만약 내 홈페이지가
두 개가 있는데, 하나는 http://zine.intz.com/home 이고 다른 하나는
http://www.clipartworld.com 이라고 가정을 해봅시다. intz라는 계정에
image라는 디렉토리를 만들고 flower.gif 라는 파일을 올려놓았어요.
그런데 clipartworld라는 계정에서 사용하고 싶어요. 어떻게 하면 되죠?


<img src="http://zine.intz.com/home/image/flower.gif">
라고 사용을 하면 됩니다. 메일을 보낼 때 html 형태로 보내려면 이미지를
먼저 서버로 올린 후에 이런 식으로 링크를 시켜서 보내면 예쁜 메일을
보낼 수 있겠죠?


<!-- Image의 width와
height를 임의로 조절하는 것은 바람직하지 않습니다. 포토샵이나 페인트샵
프로 등의 툴을 이용해서 사이즈를 조절하는 것이 좋습니다. 그래야
보기가 더 좋거든요. --> 


<!-- 이미지나 링크를
사용할 경우 절대경로와 상대경로에 대해 이해하는 것이 중요합니다.
절대경로와 상대경로에 대한 자세한 내용을 보시려면
size="2"> size="2">여기를 클릭하세요.
--> 


2) 삽입시 주의사항


별로 주의사항이라고
할 수도 없는데, 만약 제대로 연결을 한 것 같은데, PC에서는 제대로
이미지가 보였는데 서버에 올린 후 이미지가 보이지 않으면 다음 사항을
의심해보세요.


  • 이미지가
    서버에 있는가?


    자신의 PC에서 작업을 한 후, html 파일만 올리고 이미지 파일을
    올리지 않아 보이지 않는 경우가 있어요.

  • 대소문자가
    확실한가?

    이미지
    파일이름의 대소문자와 <img src="..."> 의 src
    부분에 들어간 이름의 대소문자가 동일한지 확인해 봐야 합니다.

    window 시리즈는 대소문자를 구별하지 않습니다. 이미지 이름이
    FLOWER.GIF 인데 <img src="flower.gif"> 라고
    해놓고 window가 install 되어 있는 컴퓨터에서 테스트를 하면 잘
    보입니다.
    웹서버는 크게 유닉스 계열과 NT 계열로 볼 수 있는데,
    NT 같은 경우는 대소문자를 구별하지 않지만 유닉스 계열은 대소문자를
    구별한답니다. aaa, Aaa, AAa, AAA 가 모두 다르게 인식이 되지요.

  • 링크가
    제대로 되어있나?


    <img src="...">의 src 부분에 file:///C:/home/nanumi/logo.gif와
    같이 링크가 걸려있지는 않은지 확인해 보세요.


주의사항이라고 할
수도 없는데, 처음에 많이 실수하는 부분이니까 참고하세요.

작성일2005-02-14 16:19

라이브카지노님의 댓글

라이브카지노
안녕하세요. 다양한정보 감사합니다. 스포츠토토 먹튀검증 타임스포츠토토 추천드립니다.https://timespototo.com/스포츠토토 https://online-safer.com/라이브카지노 https://jusobada.com/주소모음
컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
355 소니 PSP에 관한 질문 댓글[1] 인기글 경험자 2005-12-22 5069
354 인터넷 접속이 않됩니다. 인기글 초보자 2005-12-15 4927
353 부팅할때 2분정도 멈추는 현상은? 댓글[4] 인기글 Jo 2005-12-15 5002
352 답변글 부팅할때 2분정도 멈추는 현상은? (유샤인님께) 댓글[1] 인기글 Jo 2005-12-15 5198
351 저절로 타이핑이 되는데 무슨일일까요? 댓글[4] 인기글 양파 2005-12-14 5223
350 스틸사진기 필림 스캐너 댓글[3] 인기글 선달 2005-12-13 5063
349 답변글 사진과 음악 올리는 방법 '등대님이 올리신 글' 인기글 해리포터 2005-12-12 5251
348 Flash 퍼오는법...( 레몬소주님! 보세요..) 댓글[1] 인기글 유모왕 2005-12-12 5092
347 젨 이나 젨?--이런 말들이 나오는데... 댓글[4] 인기글 마징가 2005-12-06 5017
346 선불폰에 대한 궁금증 댓글[3] 인기글 새너제이 2005-12-04 5159
345 춤 을 추 는 커 서 댓글[2] 인기글 늙 은 놈 2005-12-04 5051
344 동영상을 볼때 댓글[2] 인기글 hae 2005-12-03 5035
343 Web title bar 댓글[1] 인기글 J 2005-12-02 5640
342 요즘 컴퓨터에서 원하지 않는 광고 제거방법? 인기글 SKim 2005-12-02 5137
341 답변글 요즘 컴퓨터에서 원하지 않는 광고 제거방법? 인기글 Kim 2005-12-02 5334
340 한글 스티커를 어디서 구할수 있을까요? 댓글[1] 인기글 Chris 2005-12-02 5003
339 답변글 한글 스티커를 어디서 구할수 있을까요? 댓글[1] 인기글 연화 2005-12-02 7217
338 답변글 한글 스티커를 어디서 구할수 있을까요? 인기글 한글사랑 2005-12-02 4989
337 Web title bar 댓글[2] 인기글 J 2005-12-01 4937
336 컴터고수님, 도와주십시요. 페스입력이 안됩니다. 레지스트리에 문제가 있는 댓글[3] 인기글 Jo 2005-12-01 5119
335 USB tv tuner 어떤게 좋은가요 ? 인기글 pvr 2005-11-29 5121
334 미국컴강좌사이트 아시는분 댓글[1] 인기글 web 2005-11-29 4970
333 컴퓨터가 파워가 안들어와요. 댓글[2] 인기글 안경 2005-11-22 4999
332 Notebook Computer 가 부팅이 안되요... 댓글[2] 인기글 나, 노트북 2005-11-18 5219
331 답변글 Notebook Computer 가 부팅이 안되요.- Try this 인기글 Admin 2005-11-18 5239
330 답변글 Notebook Computer 가 부팅이 안되요.- Try this 인기글 john 2005-11-22 5140
329 골치아픈 spyware or adware 어떻게 해결해야할까요? 댓글[3] 인기글 Spy 2005-11-18 5297
328 이 메 일 attachment 열 어 보 기 댓글[1] 인기글 진 짜 왕 초 보 2005-11-15 5268
327 답변글 이 메 일 attachment 열 어 보 기 댓글[1] 인기글 유샤인 2005-11-16 7798
326 답변글 이 메 일 attachment 열 어 보 기 댓글[4] 인기글 진 짜 왕 초 보 2005-11-16 7445
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.