-2줄 인장 정리법-

 

<table>
<tr>
<td colspan=2><img src="https://upload.inven.co.kr/upload/2010/06/27/bbs/i77013385.jpg"></td>
</tr>
<tr>
<td><img src="https://upload.inven.co.kr/upload/2010/06/27/bbs/i77013385.jpg" width=210></td>
<td><img src="https://upload.inven.co.kr/upload/2010/06/27/bbs/i77013385.jpg" width=210></td>
</tr>
<tr>
<td><p align=right>by. 1번짤</p></td>
<td><p align=right>by. 2번짤</p></td>
</tr>
</table>

 

 

-3줄 인장 정리법-

 

<table>
<tr>
<td colspan=3><img src="https://upload.inven.co.kr/upload/2010/06/27/bbs/i77013385.jpg"></td>
</tr>
<tr>
<td><img src="https://upload.inven.co.kr/upload/2010/06/27/bbs/i77013385.jpg" width=140></td>
<td><img src="https://upload.inven.co.kr/upload/2010/06/27/bbs/i77013385.jpg" width=140></td>
<td><img src="https://upload.inven.co.kr/upload/2010/06/27/bbs/i77013385.jpg" width=140></td>
</tr>
<tr>
<td><p align=right>by. 1번짤</p></td>
<td><p align=right>by. 2번짤</p></td>
<td><p align=right>by. 3번짤</p></td>
</tr>
</table>

-----------------------------------------------------------------------------------------------

 


자 기본 소스는 여기서 끝.

이 방법은 테이블을 이용하여 정리하는 방법임.

사용된 각 소스 간략 설명.


<TABLE> : 테이블의 시작을 알리는 소스.


</TABLE> : 테이블의 끝을 알리는 소스.


<TR> : 테이블의 행을 만든다. 밑의 그림처럼 라인을 그려주는 소스.




<TD> : 테이블의 열을 만든다. 밑의 그림처럼 칸을 그려주는 소스.




<COLSPAN=X> : 한칸을 만들되 x개의 칸만한 크기로 만드는 소스.


<IMG SRC="블라블라"> : 블라블라 자리에 짤방의 URL 주소를 넣으면 화면에 뿌려주는 소스.


<P ALIGN=center>블라블라</P> : "블라블라" 를 우측 정렬을 하겠다는 소스. right, left, center 선택가능.



--------------------------------------------------------------------------------------------------
위의 기초 소스를 html로 볼 경우의 화면
--------------------------------------------------------------------------------------------------


-2줄 인장 정리법-

원본 크기로 보시려면 그림을 클릭하세요.원본 크기로 보시려면 그림을 클릭하세요.

by. 1번짤

by. 2번짤




-3줄 인장 정리법-

원본 크기로 보시려면 그림을 클릭하세요.원본 크기로 보시려면 그림을 클릭하세요.원본 크기로 보시려면 그림을 클릭하세요.

by. 1번짤

by. 2번짤

by. 3번짤