공책

table 안에 table 넣기 본문

웹 개발/HTML 기초

table 안에 table 넣기

QTHoney 2013. 8. 23. 10:48

<html>

<head>

<title>테이블 안에 아기 테이블</title>

</head>


<body>

<table align="center">

<tr>

<td>

<!-- beauty start -->

<table width="280" height="200" cellpadding="5" border="1" cellspacing="0" bordercolor="#0d5956">

<tr bgcolor="#cae7e6" height="50" bordercolor="white">

<td>

<b>BEAUTY</b>

</td>

</tr>

<tr height="150" bordercolor="white">

<td>

피부

</td>

</tr>

</table>

<!-- beauty end -->

</td>

<td>

<!-- food start -->

<table width="280" height="200" cellpadding="5" border="1" cellspacing="0" bordercolor="#0d5956">

<tr bgcolor="#de4d3d" height="50" bordercolor="white">

<td>

<b>FOOD</b>

</td>

</tr>

<tr height="150" bordercolor="white">

<td>

피부

</td>

</tr>

</table>

<!-- food end -->

</td>

</tr>

<tr>

<td colspan="2">

<!-- baby start -->

<table width="560" height="100" cellpadding="5" border="1" cellspacing="0" bordercolor="white">

<tr bgcolor="#ff0000" height="50" bordercolor="white">

<td>

<b>baby</b>

</td>

</tr>

<tr height="50" bordercolor="white">

<td>

피부

</td>

</tr>

</table>

<!-- baby end -->

</td>

</tr>


</table>

</body>

</html>

저작자표시 (새창열림)

'웹 개발 > HTML 기초' 카테고리의 다른 글

iframe을 이용한 웹페이지 구성  (0) 2013.08.23
frameset을 이용한 웹페이지 나누기  (0) 2013.08.23
이미지 불러오기  (0) 2013.08.20
목록만들기  (0) 2013.08.20
<hr> 태그 사용법  (0) 2013.08.20
'웹 개발/HTML 기초' Related Articles more
Comments