이번 포스팅은 표 만들는 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>
실제표현
제목 | 내용 | 내용 |
---|---|---|
제목 | 내용 | 내용 |
셀 합치는 태그는 다음 포스팅에서 작성하기
목록 만드는 html 태그 (0) | 2017.11.13 |
---|---|
텍스트 따라 표시하는 태그 (0) | 2017.11.07 |
HTML 텍스트 관련 태그 소스 (0) | 2017.10.26 |
HTML 문서 기본구조 살펴보기 (0) | 2017.10.24 |
에디터플러스 또는 비주얼스튜디오 어떤걸 선택?? (0) | 2017.10.18 |