<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>문제1 </title>
<style>
table, td, th {
border:1px solid #ccc;
}
td, th {
padding:10px 20px;
}
td:last-child{
width:200px;
}
</style>
</head>
<body>
<h1>수습 국원 지원 양식</h1>
<table>
<tr>
<th rowspan="3">개인정보</th>
<th>이름</th>
<td></td>
</tr>
<tr>
<th>학과/학번</th>
<td></td>
</tr>
<tr>
<th>연락처</th>
<td></td>
</tr>
<tr>
<th>지원분야</th>
<td colspan="2"></td>
</tr>
</table>
</body>
</html>
결과:문제1
'html' 카테고리의 다른 글
5장 실습 2 - 회원 가입 신청서에 속성 지정하기 (0) | 2023.03.23 |
---|---|
5장 예제 - readonly와 required 속성 사용하기 (0) | 2023.03.23 |
5장 예제 - 전송과 리셋 버튼 추가하기 (0) | 2023.03.23 |
5장 실습 - 회원 가입 신청서 만들기 (0) | 2023.03.23 |
4장 마무리 문제 1번 (0) | 2023.03.22 |