[HTML] 테이블

비타민규·2023년 8월 2일

[HTML]

목록 보기
3/25


<meta charset="UTF-8">
<body>
table tag 연습
<table border="1">
	<!-- 스타일 바꾸는거 w3c에서 매우 싫어해, 코드의 난잡성 때문에. 1만 주자-->
	<tr>
		<th>번호</th><th>이름</th><th>주소</th>
		<!-- th는 굵어지면서 가운데 정렬-->
	</tr>
	<tr>
		<td>10</td>
		<td>한국인은 내 친구</td>
		<td>역삼동</td>
	</tr>
	<tr>
		<td>20</td>
		<td>한송이</td>
		<td>서초동</td>
	</tr>
</table>

<table border="1">
	<caption>표 제목</caption>
	<tr>
		<td>1</td><td>kor</td><td>eng</td>
	</tr>
	<tr>
		<td>2</td><td>mat</td><td>sci</td>
	</tr>
	<tr>
		<td>
			<table border="2">
				<tr>
					<td>aa</td><td>bb</td>
                    <!-- 테이블 안에 테이블 또 만들 수 있다-->
				</tr>
			</table>
		</td>
		<td>cc</td>
		<td>dd</td>
	</tr>
</table>

열병합 / 행병합
<table border="2">
	<tr>
		<td colspan="2">a</td>
		<td>b</td>
		<td rowspan="2">c</td>
	</tr>
	<tr>
		<td>d</td>
		<td>e</td>
		<td>f</td>
	</tr>
</table>


</body>
</html>
profile
같이 일하고 싶은 개발자가 되어야지

0개의 댓글