-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줄 인장 정리법-
-3줄 인장 정리법-