728x90
반응형
SMALL
다음과 같이 출력되는 html 코드 작성하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1">
<tr>
<th>번호</th>
<th>이름</th>
</tr>
<tr>
<td>1번</td>
<td>min</td>
</tr>
<tr>
<td>2번</td>
<td>cheol</td>
</tr>
</table>
<br>
<table border="1">
<tr>
<th colspan="2">
list
</th>
</tr>
<tr>
<td>1번</td>
<td>mike</td>
</tr>
<tr>
<td>2번</td>
<td>smith</td>
</tr>
</table>
<br>
<table border="1">
<tr>
<th rowspan="3">list</th>
<td>mike</td>
</tr>
<tr>
<td>tom</td>
</tr>
<tr>
<td>jane</td>
</tr>
</table>
<br>
<table border="1">
<tr>
<th>과목</th>
<th>점수</th>
</tr>
<tr>
<td>수학</td>
<td>100점</td>
</tr>
<tr>
<td>국어</td>
<td>99점</td>
</tr>
</table>
<br>
<table border="2">
<tr>
<th rowspan="2">이름</th>
<td>amanda</td>
</tr>
<tr>
<td>samantha</td>
</tr>
</table>
<br>
<table border="1">
<tr>
<th colspan="2">이름</th>
</tr>
<tr>
<td>emily</td>
<td>bill</td>
</tr>
</table>
<br>
<table border="1" width="200" height="200">
<tr>
<td colspan="2"></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td></td>
<td colspan="2"></td>
</tr>
</table>
<br>
<table border="1" width="200" height="200">
<tr>
<td rowspan="3"></td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<br>
<table border="1px">
<tr>
<th colspan="2">동물교향악단</th>
</tr>
<tr>
<td>
<table border="3px">
<tr>
<td>강아지</td>
<td>멍멍</td>
</tr>
<tr>
<td>고양이</td>
<td>야옹</td>
</tr>
<tr>
<td>염소</td>
<td>음메</td>
</tr>
</table>
</td>
<td>3</td>
</tr>
</table>
</body>
</html>
728x90
반응형
LIST
'HTML, CSS' 카테고리의 다른 글
| html usemap 속성 (0) | 2022.05.07 |
|---|