[스크랩] 이미지(사진, 그림)을 게시판에 올려보자[크기조절, 위치조절]

※ 이미지(사진, 그림) 넣기

<☆img src="그림주소"> (☆은 빼고 사용하세요)

- 태그가 간단하지요?

대신 그림주소를 찾는 것이 중요합니다.

방법은 원하는 그림에 마우스를 대고 우측클릭을 한후 나타나는 화면에 보이는 등록정보(properties)를 클릭하면

http://~로 시작하는 주소가 중앙에 있습니다. (URL이라고 되있을꺼예요)

그것이 바로 그림주소입니다.

그 그림주소를 복사하여 따옴표 안에 넣으시면 됩니다.

<☆img src="http://cafe132.daum.net/_c21_/pds_down_hdn?grpid=1JHY&fldid=1pr&dataid=62®dt=20040702074847&realfile=webjin_photo_01.gif&grpcode=bigmemories&.gif">

이런식으로요.

※ 이미지 크기 조절하기

그림&사진크기 조절하기

윗 그림과 아래 그림 크키가 다르죠 소스를 보세요
width="400" height=400" 바로 이렇게 width 그림의 가로 길이,height 그림의 높이 를 지정해줍니다

<☆img src="http://cafe132.daum.net/_c21_/pds_down_hdn?grpid=1JHY&fldid=1pr&dataid=62®dt=20040702074847&realfile=webjin_photo_01.gif&grpcode=bigmemories&.gif" width="400" height="400"> 이렇게여

그림의 크기는 마우스 오른쪽 누르면 등록정보에 해상도라고 있는데 그게 그림의 실제 크기입니다
그림 크기는width="200" height="200" 이 부분을 적절히 조절해 주시면 됩니다

※ 원하는 위치에 이미지나 배너 넣기

안녕하세여?

이번에는 원하는 곳에 이미지를 올리는 방법입니다.

숫자만 조절하시면 카페 대문 원하는 어떤 곳에라도

팝업공지창이나 카운터라든지 시계라든지 배너를 넣을수 있답니다.

소스는 다음과 같습니다.

이미지의 위치태그 소스

<☆img src="https://t1.daumcdn.net/daumtop_deco/icon/image.hanmail.net/hanmail/general/logo_worldcup2.gif" border="0" style="position:absolute;left:20pt;top:30pt;z-index:2"> (☆은 빼고 사용하세요.)

left나 right에 있는 숫자는 커질수록 가운데로 오게 됩니다.

top에 있는 숫자는 커질수록 아래로 내려 오게 됩니다.

숫자를 조절해 보면서 원하는 위치를 찾으시면 됩니다.

※ 이미지를 왼쪽, 가운데, 오른쪽에 정렬하기

그림을 "왼쪽" 에 놓고 싶으세요? 기본값이 왼쪽이기 때문에 특별히 터치할게 없지만 <p align="left"> <img src="그림주소">

그림을 "가운데"에 놓고 싶으세요? <p align="center"> <img src="그림주소">

그림을 "오른쪽"에 놓고 싶으세요? <p align="right"> <img src="그림주소">

너무 쉽죠? 가장 흔하게 사용하는 "가운데 정렬"은 쉬운 방법이 따로 있습니다 <center> <img src="그림주소"> </center>

※ 이미지에 테두리 넣기/빼기

자꾸 그림에 테두리가 생겨서 열받죠? BORDER=0 추가해주면 테두리 안보이게 할 수 있어요

이렇게<img src="https://t1.daumcdn.net/daumtop_deco/icon/image.hanmail.net/hanmail/general/toplogo.gif" width="140" height="52" border="0">

짜자잔 테두리가 사라졌죠? 이번엔 테두리 굵게 하는법도 알려드리죠

BORDER="숫자" 여기서 숫자를 높여주면 테두리도 굵어집니다

BORDER=5 한 테두리 입니다

출처 : cafe.daum.net/cafehelp

출처 : 상대적이고 절대적인 지식의 백과사전

글쓴이 : 절대미색그녀 원글보기

메모 :