유블로그

[HTML] table 태그 본문

html&css

[HTML] table 태그

yujeong kang 2020. 9. 20. 16:25

- 행그룹요소 : <thead>, <tbody>, <tfoot>

  • 각 행 그룹은 최소 하나 이상의 <tr> 을 가져야 한다.

- <tr> : 행

- <th> : 머리글. 두꺼운 글씨

- <td> : 일반 데이터

 

- 셀 병합

  • colspan : 두 개 이상의 열을 하나로 합치기 위해 사용
  • rowspan : 두 개 이상의 행을 하나로 합치기 위해 사용
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
	table, td, tr {
		border: 1px solid black;
	}
</style>
</head>
<body>
	<table>
		<tr>
			<td colspan="2">colspan=2</td>
		</tr>
		<tr>
			<td rowspan="2">rowspan=2</td>
			<td>rowspan=2와 같은 행</td>
		</tr>
		<tr>
			<td>rowspan=2의 다음 행</td>
		</tr>
		<tr>
			<td>rowspan=2의 다음 다음 행</td>
			<td>rowspan=2의 다음 다음 행</td>
		</tr>
	</table>
</body>
</html>

실행 결과

 

 

저작자표시 비영리 변경금지

'html&css' 카테고리의 다른 글

[HTML] img 태그  (0) 2020.09.20
[CSS] display, float 속성  (0) 2020.09.20
[CSS] css 선택자 및 우선순위  (0) 2020.09.20
[CSS] css 적용방식  (0) 2020.09.20
'html&css' Related Articles more