사진을 글 내용에 삽입하는 방법

 

            사진을 글 내용에 삽입하는 방법

 

 

 

군복무중인 군인

1. 왼쪽의 사진처럼 사진도 넣고 그 아래에 설명을 곁들일 때에는 아래와 같이 태그명령어를 만들어줘야 합니다.

 <TABLE cellSpacing=0 cellPadding=3 width=187 align=left border=0>
<TBODY>
<TR>
<TD>

<IMG style="WIDTH: 173px; HEIGHT: 177px" height=275 hspace=0
src="https://img1.daumcdn.net/thumb/R460x0/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fblogfile%2Ffs7%2F31_25_25_25_02FUh_IMAGE_1_181.JPG%3Fthumb&filename=181.JPG" width=152 border=0>

</TD>
<TR>
<TD><FONT color=darkblue>군복무중인 군인</FONT><BR></TD></TR></TBODY></TABLE>

 

 

2. 사진만 올렸을 경우 아래의 정보(소스)만 나타납니다.

<IMG style="WIDTH: 173px; HEIGHT: 177px" height=275 hspace=0
src="https://img1.daumcdn.net/thumb/R460x0/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fblogfile%2Ffs7%2F31_25_25_25_02FUh_IMAGE_1_181.JPG%3Fthumb&filename=181.JPG"  border=0>

다시 정리해서 말씀드리면 사진을 올리고 난다음 나머지 명령어들을 위와 같이 만들어 주셔야만 한다는 뜻입니다. 조금 어렵죠? 복사해다가 저장해 두신 다음 그대로 붙여넣기 하신 다음 사진에 관한 정보만 넣으시면 됩니다.

 

 

3. 사진을 위의 그림처럼 올리되 사진 아래의 설명은 없고 글속에 사진만 넣는 요령입니다.

먼저 사진을 올리고 난다음, <img src='https://img1.daumcdn.net/thumb/R460x0/?fname=https%3A%2F%2Ft1.daumcdn.net%2Fblogfile%2Ffs7%2F31_25_25_25_02FUh_IMAGE_1_181.JPG%3Fthumb&filename=181.JPG"  border=0 hspace=10 vspace=10 align=left>

위의 'hspace=10, vspace=10,  align=left'(적색부분)이란 명령어를 써넣어주는 방법입니다.

여기서 'hspace=10 vspace=10는 사진과 글과의 여백을 주는 명령어입니다.

그리고 align 명령은 사진의 위치를 정하는 명령어입니다.

 

4. 'html'에서 글쓰기를 하시다 줄바꾸기를 하시려면 '<br>' 명령어를 사용하시면 됩니다.

<br>명령어를 하나 넣으면 한줄 아래로 줄 바꾸기가 되고, <br><br>명령어을 이렇게 두개 연이어 사용하게 되면 두줄 아래로 줄 바꾸기가 됩니다.

 

처음에는 이런 명령어들이 굉장히 생소하게 어렵게 와 닿겠지만 자꾸 사용하다 보면 점차 익숙해지지 않을까 생각됩니다. 도움이 되셨는지 모르겠습니다만 저의 능력의 한계가 여기까지입니다. 이해를 바라겠습니다.