테이블 만들기 01

한 페이지에서 내용을 쓸때는 그냥 쓰는것보다는테이블을 이용해서 쓰는것이 효과적입니다.

텍스트와 이미지.. 등등이 섞여 있는 내용에선 더욱 그렇죠..

정렬하는것에서 특히 유용하기도 하고.. 방법이 이것뿐이기도 하구요..

 

테이블의 기본유형은..

<table border="1">                                                                  ▼ 기본 테이블 모

양

  <tr>

    <td>한 칸짜리 테이블</td>                        

  </tr>

</table>

 

여기에서tr 은 행을 의미하는것이구요..td 는 열을 의미합니다.

행이 없는 열은 존재할수 없고, 꼭!!열은 행안에 들어있어야 한다는 것입니다.

table 에서 border="1" 은 눈에 보이게 하기위해 테두리를 준것입니다.

즉, 테이블의 테두리를 1로 준것입니다.

 

두번째 유형..

<table border="1">

  <tr>

    <td>1행의 1열</td>

    <td>1행의 2열</td>                                                              ▼ 두번째 테이블 모

양

  </tr>

  <tr>

    <td>2행의 1열</td>

    <td>2행의 2열</td>

  </tr>

</table>

 

두개의 행으로 이루어져 있으며, 한개의 행에 각 두개의 열로 나누어져 있습니다.

여기에서 알아둘것은.. 큰박스(table) 안에는 행과 열로 이루어져 있으며,

각 행의 열의 갯수는 동일해야 한다는 것입니다.

즉, 첫번째 행의 열이 두개이고 두번째 행의 열이 한개가 될수 없다는 것입니다.

 

내용을 정리해보자면..?!

1. 테이블을 만들땐 시작부분에 <talbe>로 시작됨을 정의하고

   끝나는 부분에 </table> 로 끝을 정의합니다.

2. <table>, <tr>, <td> 모두 시작되는것이 있고 끝나는 부분에서 닫아주어야 합니다.

    (</table>, </tr>, </td>.. 이런식으로..)

3. 테이블 안에는 행과 열이 한개이상은 꼭 존재해야 합니다.

4. 열은 독립될수 없으며, 행 안에서 열이 존재해야 합니다.

5. 1 행에서의 열의 갯수는 2열,3열,,, 테이블 끝까지 동일해야 합니다.