본문 바로가기

카테고리 없음

HTML에서 테이블 만들기

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

HTML에서 테이블 만들기






테이블 태크는 HTML에서 굉장히 많이 사용됩니다.

<table> 과 <tr>, <td> 3가지로 나눌 수 있는데 <table>은 테이블의 시작과 끝을 표시하고, <tr>은 table row의 약자입니다. 즉 데이터 테이블의 각 행을 나타냅니다. <td>는 table data로 각각 셀을 의미합니다. <td>는 그래서 테이블의 열을 지정해주는 역할입니다.


 <table border ="2">

<tr>

<td>1</td>

<td>2</td>

<tr>

<td>3</td>

<td>4</td>

</table>


위와 같이 입력하면 2개의 <tr>을 입력했기 때문에 행이 2줄 생깁니다. 그리고 각 행에서 <td>를 2개 입력했기 때문에 총 2행 2열의 테이블이 만들어진 것을 볼 수 있습니다.


1 2
3 4


위와 같이 테이블을 만드는 순서는 행을 만들고 그 행을 몇 개의 열(칸)로 나눌지 정해줍니다. 그리고 다음 행도 같은 열(칸)만큼 <td>를 만들어 주는 순서로 만들면 됩니다. 


Image Map