[HTML] 표 만들기(table), 속성 적용하기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test012.html</title>
</head>
<body>
<div>
	<h1> 테이블(표) 만들기 - 테이블에 속성 적용하기</h1>
	<hr>
</div>


<div>
	<!-- CSS를 통해 관리해야 할 속성들 -->
	<!-- 표의 맨 위의 tr만 넓이 지정하면 나머지도 똑같이됨 -->
	<table border = "10" background = "images/img_03.jpg" cellpadding = "20" cellspacing = "5">
		<tr height = "100">
			<!-- <th width = "200" height = "200">한식</th> -->
			<th width = "200" valign = "bottom"> 한식 </th>
			<th> 중식</th>
		<tr>
			<td> 김치찌개 </td>
			<td> 짜장면</td>		
		
		</tr>
		<tr>	
			<td> 된장찌개 </td>
			<td> 짬뽕 </td>
		</tr>
		
		<tr>
			<td>순두부찌개</td>
			<td>사천탕수육</td>
		</tr>
	
	</table>
</div>


<div></div>
<div></div>

</body>
</html>

table 태그를 이용해서 표를 만든다

border 는 경계선이 보이게끔 해주는 속성!..

기본적으로는 경계선이 보이지 않는다.

그나저나 div 저건 뭘까..

728x90

저작자표시 (새창열림)

'WEB Archive' 카테고리의 다른 글

[HTML] 이미지 다뤄보기(img) (0)	2024.08.19
[HTML] 링크 만들기,이동해보기(<a href="주소"></a> (0)	2024.08.19
[HTML] 테이블 열과 행 병합해보기 (0)	2024.08.19
[HTML] 테이블 열과 행 병합해보기 (0)	2024.08.19
[HTML] 움직이는 태그 만들기(marquee) (0)	2024.08.19