표만드는 html태그

상세 컨텐츠

본문 제목

표만드는 html태그

수군이 html5 공부방

by 수군 2017. 11. 23. 16:20

본문

이번 포스팅은 표 만들는 html태그이다.  

table, tr, td, th, 태그가 기본적인 표만들기 용어이다. 

태그 구조는 

<table> 

<tr>

<td>내용</td>

<td>내용</td>

</tr>

</table>


예시)

내용 내용


가로 세로 각가 행과 열이 되며 그안에 내용을 입력하면 된다. 

태그와 행을 만드는 태그 열을 만드는 태그가 각각 필요가 있다. 


기본적인 표 만들기

<table>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

      <tr>

<td></td>

<td></td>

<td></td>

</tr>


</table>


예시


1 2 3
4 5 6

위와 같이 태그를 사용하게 되면 행과 열이 만들어진다. 


<th>태그 제목 셀 만들기 

위에 내용처럼 td를만들어 열과 행을 만들었고 행과 열 사이에 제목을 들가기 위해 th 태그를 사용하면 각 행에 들어간다. 또한 table 태그 안에 border="1"을 추가하면 선이 표기가 된다. 


<table border="1">

<tr>

<th>제목</th>

<td>내용</td>

<td>내용</td>

</tr>

<tr>

<th>제목</th>

<td>내용</td>

<td>내용</td>

</tr>

</table>


실제표현

제목 내용 내용
제목 내용 내용


셀 합치는 태그는 다음 포스팅에서 작성하기 







반응형

관련글 더보기