라이브러리
프로그래밍언어, 각종코드, 관련동향, 논문 등의 저장소
테이블 만들기 03

테이블을 만들다 보면.. 사용되어 지고 또 사용되어야할 팁들에 관한 내용입니다.

테이블을 꾸미고 정렬하는 소스입니다.

 

1. 테이블을 크기정하기

 

<table border=1 width=500 height=400>

   <tr height=100>

      <td width=250>250*100size</td>

      <td width=150>150*100size</td>

   </tr>

   <tr height=300>

      <td>250*300size</td>

      <td>150*300size</td>

   </tr>

</table>

 

전체 테이블의 크기를width=500 (가로사이즈), height=400 (세로사이즈)이렇게 지정해줍니다.

또, tr의 세로값과 td의 가로값을 지정해줍니다. 따로 지정해주지않으면..

각 셀에 포함되어지는 내용에 따라 그냥 지멋대로 지정되게 됩니다.

또 전체 테이블의 가로값이 400이라면.. 그 안에 들어가는 tr의 세로값 또한 당연히 전부 합했을때

400이 넘지 않아야 하겠죠..

또 1행의 1열의 가로값이 250이라면.. 2행의 1열값은 물론 같은 열이므로 가로 250이 자동으로 주어지겠죠..^^

 

2. 테이블의 테두리 라인 지정하기

 

테이블의 테두리는 tr, td에 따로 지정되어 지지 않습니다. table 에 테두리를 지정할 수 있으며,

테이블의 테두리는 각 tr,td 에도 똑같이 지정됩니다.

 

<tableborder=1> 테이블의 테두리 1이 주어집니다.

<tableborder=0> 테이블의 테두리 0이 주어집니다. 즉, 보이지 않는거죠..

테두리 값은 0~ 큰 수를 넣어주면 됩니다.

그렇지만 이런 방법은 거의 사용하지 않습니다. 왜냐.. 두껍고 안이쁘니까요..^^;

 

얇은 테두리를 나타내는 방법은 많습니다. 그건 차차 테이블이 익숙해지면 자기만의 테크닉이 생길것입니다.^_^

'Programming > HTML/CSS' 카테고리의 다른 글

&quot;HTML&quot; 로 내용 정렬하기  (0) 2004.05.10
테이블 만들기 05  (0) 2004.05.01
테이블 만들기 04  (0) 2004.05.01
부분영역에 링크걸기~  (0) 2004.04.27
깔끔하고 편리한 색상표~  (0) 2004.04.26
설명글 띄우기~  (0) 2004.04.18
  Comments,     Trackbacks