728x90
반응형
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<center> <!--전체적으로 가운데 정렬-->
<h2>표 만들기</h2> <!--진하게, 줄바꿈-->
<table>
<table border="10" width="50%" width="200" height="200"
bordercolorlight="blue" bordercolordark="red"
cellspacing="1" cellpadding="5" align="center"
bgcolor="yellow"
background="png.png"> <!--표 시작-->
<caption> 성적표 </caption>
<tr height="30"> <!--줄(행)-->
<th width="100" background="png.png"> 이름 <!--th : 가운데 정렬, 진하게-->
<th width="100"> 점수 <!--칸(열), 테이블 내용(데이터)-->
<tr bordercolorlight="blue" bordercolordark="red">
<td bordercolorlight="blue" bordercolordark="red" align="center"> 홍민성 <td> 90
<tr bgcolor="skyblue">
<td> 최민수 <td> 80
<tr valign="top">
<td height="70" bgcolor="pink"> 심은경 <td valign="bottom" align="right"> 70
</table><!--표 끝-->
</body>
</html>
테이블 태그 연습
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<table border="1" width="200">
<tr>
<td colspan="2"> 셀1
<td rowspan="2">셀3
<tr>
<td> 셀4
<td> 셀5
</table>
<br><br>
</table>
<table border=1>
<tr>
<td rowspan="2">셀1
<td> 셀2
<td rowspan="2">셀3
<tr>
<td> 셀4
</table>
<br><br>
<table border="1">
<tr>
<td> 가
<td> 나
<td> 다
<td rowspan="4">라
<tr>
<td> 마
<td colspan="2" rowspan="3"> 바
<tr>
<td> 사
<tr>
<td> 아
<tr>
<td colspan="2"> 자
<td colspan="2"> 차
<tr>
<td colspan="4"> 카
</table>
<br><br>
<table border="1">
<tr>
<td rowspan="2">셀1
<td colspan="2">셀2
<tr>
<td rowspan="2">셀5
<td>셀6
<tr>
<td>셀7
<td>셀9
</table>
<br><br>
<table border="1">
<tr>
<td>셀1
<td>셀2
<td>셀3
<tr>
<td>셀4
<td rowspan="2" colspan="2">셀5
<tr>
<td>셀7
</table>
<br><br>
<table border="1">
<tr>
<td colspan="2">셀1
<td rowspan="3">셀3
<tr>
<td rowspan="2">셀4
<td>셀5
<tr>
<td>셀8
</table>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<table border="1" width="200">
<tr>
<td rowspan="3" bgcolor="skyblue" valign="top">일
<td colspan="3" bgcolor="pink">이
<tr>
<td colspan="2" bgcolor="pink">삼
<td rowspan="3" bgcolor="skyblue" valign="bottom">사
<tr>
<td>오
<td>육
<tr>
<td colspan="3" bgcolor="pink">칠
</table>
</body>
</html>
728x90
반응형