Web 1일차 1-3()
2022. 12. 20. 12:41ㆍ코딩배움일지/Web 구현
<!DOCTYPE html>
<html lang="ko">
<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>
<style>
table{
border-collapse: collapse;
border: 1px solid black;
}
th,td{
border: 1px solid black;
width: 150px;
}
</style>
</head>
<body>
<table>
<tr>
<th>순번</th>
<th>이름</th>
<th>나이</th>
</tr>
<tr>
<td>1</td>
<td>강동욱</td>
<td>27</td>
</tr>
<tr>
<td>2</td>
<td>정진호</td>
<td>27</td>
</tr>
<tr>
<td>3</td>
<td>최예정</td>
<td>24</td>
</tr>
<tr>
<td>4</td>
<td>유열림</td>
<td>29</td>
</tr>
</table>
</body>
</html>
셀 합치기
<!DOCTYPE html>
<html lang="ko">
<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>
<style>
table{
border-collapse: collapse;
border: 1px solid black;
}
th,td{
border: 1px solid black;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<table>
<tr>
<td rowspan="3"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>
</body>
</html>
'코딩배움일지 > Web 구현' 카테고리의 다른 글
| Web 2일차 1-1(입력양식) (0) | 2022.12.21 |
|---|---|
| Web 2일차 1(태그) (0) | 2022.12.21 |
| Web 1일차 1-2( (0) | 2022.12.20 |
| Web 1일차 1-1(HTML이란) (0) | 2022.12.20 |
| Web 1일차 1(웹개발이란?) (0) | 2022.12.20 |