Follow JookJun on Twitter
      만당 최신 글
      만당 최신 댓글
counter
오늘:
555
어제:
603
전체:
2,186,682

6. TABLE(테이블) 만들기

조회 수 2400 추천 수 209 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
번호 제목 글쓴이 날짜 조회 수sort

댓글이 모조리 지웠졌습니다.

16회 새 카페를 죽전만당에서 "기수별 바로가기"변경을 ..... [4]

블로그 꾸미기.

  • 采日
  • 2005-05-04
  • 조회 수 2280

align & vAlign practice

응용 2 : 링크 하기 (한 페이지만 링크) [3]

5, 명령어 사전

[re] Table 만들기 -수정- [3]

연속듣기 시험

  • 시험
  • 2005-03-04
  • 조회 수 2348

[re] 1/23 설교 수정 [2]

응용 2 : 링크 하기 (한 페이지만 링크) [3]

TABLE 실기 (두번째) - align 과 valign -

로그인 없이,,질문 / 답변 / 연습 하기 [1]

5, 명령어 사전

로그인 하지 말고 연습 하세요. [1]

[re] 1/23 설교 수정 [2]

TABLE 실기 (두번째) - align 과 valign -

TABLE 실기 (첫번째) [8]

블로그와, 블로그에 관한 실태를 알아 본다. [1]

[re] align & vAlign practice-수정- [4]

만화 연습 [4]

  • zero
  • 2005-01-29
  • 조회 수 2388