컴 태그 정보

테이블만들기

갓바위 2008. 11. 14. 00:02

테이블 만들기를 배워 보도록 합니다. 테이블이 뭐냐구요?
그냥 표라고 생각하세요 학교다닐때 시간표 생각나시죠?
그렇게 생각하시면 쉬울겁니다.
어떤 문서를 작성할때 표를 만들어 정리 하면 깔끔 하겠죠 ^^


1. 테이블 선만들기


파랑새 태그창고 라는 글자에 테두리 선을 넣어볼까요?

파랑새 태그창고

어때요? 테두리에 선이 생겼죠. 어떵게 하면 이렇게 될까요. 아래를 잘보세요.

<TABLE BORDER=1>

<TR>
<TD>파랑새 태그창고</TD>
</TR>

</TABLE>

이렇게 하시면 됩니다. 선의 뚜께는 마음대로 조절하실수 있습니다.
TABLE BORDER=1 이라고 보이시죠 테이블의 뚜께를 1로 한다는 것입니다.

2. 가로테이블 2개 만들기
가로로 테이블을 2개 만든다면 어떻게 할까요?

파랑새 태그창고 인터넷 보물창고


가로로 테이블이 2개 생겼죠. 아래를 잘보세요.

<TABLE BORDER=1>

<TR>
<TD>파랑새 태그창고</TD>
<TD>인터넷 보물창고</TD>
</TR>

</TABLE>

가로테이블은 <TR> 과</TR> 사이에 <TD>내용</TD> 만 추가 하시면 원하는 만큼 생성 되겠죠.

3. 세로테이블 만들기
가로테이블 쉽게 만들어 봤죠 ^^
이제 가로 테이블만들기가 이해가 가시면 세로테이블은 어떻게 하면 될까요?
아마 빠르신분은 이미 어떻게 하면 될거 같다고 생각하시는 분도 계실겁니다.

파랑새 태그창고 인터넷 보물창고
파랑새 태그창고 인터넷 보물창고


세로로 테이블이 생겼죠 이제 표같이 보이나요?
위의 표을 명령어로 표시하면 아래와 같아요.

<TABLE BORDER=1>

<TR>
<TD>파랑새 태그창고</TD>
<TD>인터넷 보물창고</TD>
</TR>

<TR>
<TD>파랑새 태그창고</TD>
<TD>인터넷 보물창고</TD>
</TR>

</TABLE>

가로테이블은 <TR> 과</TR> 사이에 <TD>내용</TD> 을추가해서 만들었구
세로테이블은 <TR> 과</TR> 사이에 <TD>내용</TD> 을 반복해서 넣으니 완성 됐죠?
잘모르시겠다고요? 한번 자세히 보세요
가만히 보시면 어디가 다른지 아실겁니다.
그리고 이 예제를 가지고 원하는 많큼 변형해보시면 이해가 가실겁니다.