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

[펌 강의] 10. HTML에 Image 넣기

페이지 정보

써니

본문

size="2">10. HTML에 Image 넣기


이번 강좌에서는 HTML 문서에서 Image를
넣어볼께요. 저번 강좌에서 이미지 파일의 종류에 대해서 간단히 설명드렸었죠?
그럼 여기서는 그런 이미지 파일을 이용해서 배경이나 예쁜 그림을 넣어보도록
하죠.


1) 배경 Image 넣기


<BODY
BACKGROUND="Image 파일 이름">


  • body tag와
    함께 사용되어 Html 문서의 배경을 넣을 수 있습니다.

  • gif 와 jpg
    형태의 이미지를 사용하면 됩니다.

  • 배경 Image는
    패턴으로 처리됩니다. 계속 반복되는 거죠.

  • 움직이는
    gif 파일을 넣으면.. 에구.. 정신 없어라.


배경 Image를 넣으면 bgcolor를 사용할
필요가 없습니다. 왜인지 한번 해보세요.


배경 Image는 용량이
5kbyte 이하인게 좋아요. Image의 용량이 크면 클수록 로딩이 느리죠.
예제는 이제 생략해도 되겠죠?


2) Html 문서에
Image 넣기


<IMG
SRC="Image 파일 이름" width="n" height="n"
border="n" algin="left or top or middle or bottom"
alt="풍선 도움말 내용" hspace="n" vspace="n">


  • Image
    파일 이름

    Image가 있는 경로명과 함께 파일이름을 적어주시면 됩니다. 물론
    절대경로와 상대경로 모두 사용할 수 있어요. 그리고 대소문자도
    확실히 구분해서 적어주세요. 이 두 가지가 홈페이지를 만들 때
    이미지가 화면에 나타나지 않는 제일 흔한 이유더군요.

     

  • Width,
    Height

    이미지의 폭과 높이를 조절하는 기능입니다. 저는 이 옵션을 권장하지
    않겠어요. 왜냐면 이미지의 크기를 임의를 변경하면 이미지가 이상하게
    보여요. 포토샵이나 페인트샵 프로로 이미지의 크기를 조절한 다음
    웹상에 올리는 게 보기도 좋답니다.

    물론 단위는 픽셀(Pixel)이나 퍼센터(%)입니다.

     

  • Border size="2">

    Border="0"으로 하지 않으면 링크시켰을 때 Image에 테두리가
    생깁니다. 사람마다 다르겠지만 저는 별로 보기가 않좋더라구요.
    저는 항상 Border="0"으로 사용하거든요.

     

  • Align size="2">

    Image를 Html 문서나 Html 문서의 표의 셀에서 원하는 위치로 정렬할
    수 있게 합니다.

     

  • Alt size="2">

    Alt 속성은 윈도우 95나 윈도우 98에서 보면 마우스를 아이콘이나
    메뉴에 갖다 대었을 때 나타나는 풍선 비슷한 도움말 있죠? 바로
    그런 효과를 나타냅니다.

     

  • Hspace,
    Vspace

    Image를 Html 파일 내에서 원하는 곳으로 이동시키는 옵션입니다.

    Hspace는 "Horizontal Space"의 약자로 가로 방향으로
    원하는 위치까지 그림을 이동시킬 수 있죠.

    Vspace는 "Vertical Space"의 약자로 세로 방향으로 원하는
    위치까지 그림을 이동시킬 수 있구요.

    이동 단위는 픽셀(Pixel) 이랍니다.


홈페이지에 이미지 넣는 방법이 이제
이해가 가죠? 쿠쿠.. 그럼 계속 공부하지요.. 참.. 이미지를 html 문서에
삽입한 다음 서버로 올렸을 때 이미지가 안나타나면 의심해야 할 사항이
있죠?

작성일2005-02-16 15:15

온라인카지노님의 댓글

온라인카지노
안녕하세요. 다양한정보 감사합니다. 온라인카지노 먹튀검증 보증업체 추천 온라인구조대 입니다. //
http://timespototo.com/토토보증놀이터
http://online-safer.com/카지노사이트
http://jusobada.com/링크모음
컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
134 compusa님 보세요... 댓글[1]개 인기글 초보 2005-03-12 8455
133 화면이 이상합니다... 댓글[2]개 인기글 초보 2005-03-12 6472
132 카페로 들어가는 것 댓글[1]개 인기글 혜순 2005-03-09 8609
131 컴으로 드라마를 보고싶어요? 댓글[1]개 인기글 HANNA 2005-03-09 6787
130 태그 사용 댓글[1]개 인기글 grace 2005-03-09 6543
129 HP 6110 xi printer 댓글[1]개 인기글 강타 2005-03-09 6577
128 컴퓨터 스크린을 TV로 보는 방법좀 알려주세요 댓글[2]개 인기글 제키챤 2005-03-08 6668
127 답변글 컴퓨터 스크린을 TV로 보는 방법좀 알려주세요 댓글[1]개 인기글 써니 2005-03-09 6483
126 나만의 홈페이지를 갖자.... APM 설치하기 댓글[1]개 인기글 써니 2005-03-08 6604
125 답변글 나만의 홈페이지를 갖자.... APM 설치하기 댓글[2]개 인기글 home page 2005-03-14 6909
124 답변글 나만의 홈페이지를 갖자.... APM 설치하기 댓글[1]개 인기글 써니 2005-03-15 6251
123 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1]개 인기글 JK 2005-03-07 7460
122 답변글 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1]개 인기글 써니 2005-03-08 6555
121 computer 고쳐주실 분 댓글[1]개 인기글 james 2005-03-06 6482
120 이상한 내용의 팝업이 자꾸뜹니다 방법좀... 댓글[5]개 인기글 제키챤 2005-03-06 6778
119 로지택mx duo설치시 띡띡띡띡 거리는 잡음문제 아시는분 댓글[1]개 인기글 궁금이 2005-03-05 7516
118 도와주시면 감사하겠습니다 댓글[2]개 인기글 초보 2005-03-04 6535
117 답변글 도와주시면 감사하겠습니다 댓글[1]개 인기글 lee 2005-03-06 6765
116 korean doesn't work 댓글[1]개 인기글 sf 2005-03-04 6733
115 답변글 korean doesn't work 댓글[1]개 인기글 ^,.^) 2005-03-06 8016
114 [펌 강의] 부록 - META 태그에 대해서.. 댓글[1]개 인기글 써니 2005-03-04 6572
113 [펌 강의] 부록 - MARQUEE Tag 이용하기 댓글[1]개 인기글 써니 2005-03-04 8015
112 [펌 강의] 부록 - 홈페이지에 음악 넣기 댓글[1]개 인기글 써니 2005-03-04 6926
111 [펌 강의] 색살 표 (Color Chart) 댓글[1]개 인기글 써니 2005-03-04 6544
110 [펌 강의] 30.Form 예제 (설문양식) 댓글[1]개 인기글 써니 2005-03-04 6639
109 정크메일 과 광고전화 막는법 아시는분 도와주세요.. 댓글[1]개 인기글 정크 2005-03-02 6898
108 동영상 퍼오는방법 아시는분 ..좀 알켜주세요 댓글[4]개 인기글 진실 2005-03-01 6718
107 [펌 강의] 29. 선택목록(List Box or Drop Down Li 댓글[1]개 인기글 써니 2005-02-28 6966
106 [펌 강의] 28.텍스트 영역(Text Area) 인기글 써니 2005-02-28 19925
105 [펌 강의] 27.Input Type Form (II) - Check B 댓글[1]개 인기글 써니 2005-02-28 8365
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.