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

[펌 강의] 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/주소모음
컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
133 화면이 이상합니다... 댓글[2] 인기글 초보 2005-03-12 6521
132 카페로 들어가는 것 댓글[1] 인기글 혜순 2005-03-09 8657
131 컴으로 드라마를 보고싶어요? 댓글[1] 인기글 HANNA 2005-03-09 6833
130 태그 사용 댓글[1] 인기글 grace 2005-03-09 6588
129 HP 6110 xi printer 댓글[1] 인기글 강타 2005-03-09 6623
128 컴퓨터 스크린을 TV로 보는 방법좀 알려주세요 댓글[2] 인기글 제키챤 2005-03-08 6717
127 답변글 컴퓨터 스크린을 TV로 보는 방법좀 알려주세요 댓글[1] 인기글 써니 2005-03-09 6533
126 나만의 홈페이지를 갖자.... APM 설치하기 댓글[1] 인기글 써니 2005-03-08 6660
125 답변글 나만의 홈페이지를 갖자.... APM 설치하기 댓글[2] 인기글 home page 2005-03-14 6960
124 답변글 나만의 홈페이지를 갖자.... APM 설치하기 댓글[1] 인기글 써니 2005-03-15 6302
123 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1] 인기글 JK 2005-03-07 7513
122 답변글 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1] 인기글 써니 2005-03-08 6608
121 computer 고쳐주실 분 댓글[1] 인기글 james 2005-03-06 6533
120 이상한 내용의 팝업이 자꾸뜹니다 방법좀... 댓글[5] 인기글 제키챤 2005-03-06 6835
119 로지택mx duo설치시 띡띡띡띡 거리는 잡음문제 아시는분 댓글[1] 인기글 궁금이 2005-03-05 7570
118 도와주시면 감사하겠습니다 댓글[2] 인기글 초보 2005-03-04 6591
117 답변글 도와주시면 감사하겠습니다 댓글[1] 인기글 lee 2005-03-06 6821
116 korean doesn't work 댓글[1] 인기글 sf 2005-03-04 6780
115 답변글 korean doesn't work 댓글[1] 인기글 ^,.^) 2005-03-06 8076
114 [펌 강의] 부록 - META 태그에 대해서.. 댓글[1] 인기글 써니 2005-03-04 6623
113 [펌 강의] 부록 - MARQUEE Tag 이용하기 댓글[1] 인기글 써니 2005-03-04 8075
112 [펌 강의] 부록 - 홈페이지에 음악 넣기 댓글[1] 인기글 써니 2005-03-04 6979
111 [펌 강의] 색살 표 (Color Chart) 댓글[1] 인기글 써니 2005-03-04 6594
110 [펌 강의] 30.Form 예제 (설문양식) 댓글[1] 인기글 써니 2005-03-04 6692
109 정크메일 과 광고전화 막는법 아시는분 도와주세요.. 댓글[1] 인기글 정크 2005-03-02 6950
108 동영상 퍼오는방법 아시는분 ..좀 알켜주세요 댓글[4] 인기글 진실 2005-03-01 6770
107 [펌 강의] 29. 선택목록(List Box or Drop Down Li 댓글[1] 인기글 써니 2005-02-28 7014
106 [펌 강의] 28.텍스트 영역(Text Area) 인기글 써니 2005-02-28 19982
105 [펌 강의] 27.Input Type Form (II) - Check B 댓글[1] 인기글 써니 2005-02-28 8415
104 [펌 강의] 26. Input Type Form (I) - 텍스트, 암호 댓글[15] 인기글 써니 2005-02-28 18504
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.