Follow JookJun on Twitter
      만당 최신 글
      만당 최신 댓글
counter
오늘:
699
어제:
1,618
전체:
2,438,556

6. TABLE(테이블) 만들기

조회 수 2397 추천 수 241 2005.01.18 22:59:01
6. TABLE(테이블) 만들기..  

6. Table(테이블) 만들기


1. TABLE
(테이블)이란?

table(테이블)

*table(테이블)이란 위와 같은 표를 말합니다.
*border 테이블 테두리의 두께를 지정합니다.
*width  table 과 함께 쓰이면 테이블 전체의 길이를 나타내고 td와 함께 쓰이면 셀의 길이를 나타냅니다.
*height  table의 높이를 나타냅니다.


2.
예제 


길이 50

길이 150

<table border=2>
<tr>
<td width=50>
길이 50</td>
<td width=150>
길이 150</td>
</tr>
</table>





3.
테이블에 배경색 넣기


<table border=1   bgcolor=#CDBCCD>
<tr>
<td>
배경색을 넣어 봅시다.
</td>
</tr>
</table>


배경색




4.
테이블에 이미지 넣기


<table border=1 width=150 height=150 >
<tr>

<tr>
<td  background="이미지 주소.jpg">

배경</td>
</tr>
</table>


배경(이미지)




5. 테이블의 위치 지정

 *align 모든 태그에 쓸수 있는 속성으로 <table>에 삽입하면 문서 내에서 테이블의 위치를 결정하고 <td>에 쓰이면 셀안의 문자들의 위치를 결정합니다. 속성값에는 left, center, right가 있습니다.

*valign Vertical Align의 뜻으로 <td>태그에 쓰이며 수직정렬을 결정합니다. 속성값으로 top, middle, bottom이 있습니다.


<table border=1 width=200 height=200>
<tr>

<td align=left>왼쪽</td>
<td align=center>
중간</td>
<td align=right>
오른쪽</td>
</tr>

 <tr>
<td valign=top>
위쪽</td>
<td valign=middle>
중간</td>
<td valign=bottom>
아래쪽</td>

<tr>
<td align=left valign=top>
왼쪽위</td>
<td align=center valign=middle>
정중앙</td>
<td align=right valign=bottom>
오른밑</td>
</td>
</tr>

</table>


왼 쪽

중 간

오른쪽

위 쪽

중 간

아래쪽

왼쪽위

정중앙

오른밑


이상 테이블에 대한 설명이었는데 도움이 되셨는지 모르겠습니다.
다음은 이미지 넣는 법에 대해서 알아보도록 하겠습니다.

 

     더,상세한 예제는 아래 답글로 가셔서 보세요....





엮인글 :
List of Articles
번호 제목 글쓴이 날짜 조회 수
103 회의록 / 바로가기 박정웅 2004-06-12 17539
102 7. IMG(이미지) 넣는 법 방랑객 2005-02-17 2610
101 블로그와, 블로그에 관한 실태를 알아 본다. [1] 방랑객 2005-02-15 2685
100 만화 연습 [4] zero 2005-01-29 2630
99 align & vAlign practice 김영조 2005-01-25 2418
98 [re] align & vAlign practice-수정- [4] 방랑객 2005-01-26 2394
97 Table 만들기 [1] zerozo 2005-01-22 2442
96 [re] Table 만들기 -수정- [3] 방랑객 2005-01-22 2465
95 [re] 1/23 설교 수정 [2] 방랑객 2005-01-24 2398
» 6. TABLE(테이블) 만들기 방랑객 2005-01-18 2397
93 TABLE 실기 (세번째) - 만화 편집 - TR 과 TD - 방랑객 2005-01-19 2816
92 TABLE 실기 (두번째) - align 과 valign - 방랑객 2005-01-19 2390
91 TABLE 실기 (첫번째) [8] 방랑객 2005-01-18 2418
90 "시스템복원" 이란 무엇인가 ? -고장수리 !- [5] 방랑객 2005-01-18 3221
89 로그인 하지 말고 연습 하세요. [1] 방랑객 2005-01-17 2508
88 5, 명령어 사전 방랑객 2005-01-16 2384
87 로그인 없이,,질문 / 답변 / 연습 하기 [1] 방랑객 2005-01-16 2409
86 자유광장에 덧글 올리는 세가지 방법 [7] 방랑객 2005-01-10 3697
85 응용 2 : 링크 하기 (한 페이지만 링크) [3] 방랑객 2005-01-17 2373
84 응용 1 : 링크 하기 (사이트 를 링크) [1] 방랑객 2005-01-17 2673