<!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>
<style>
table{
border: 1px solid black;
border-collapse: collapse;
}
td, th{
border: 1px solid blue;
}
th{
background-color: skyblue;
}
/*
태그 : 태그명
아이디 : #
클래스 : .
속성 : [src], [scr="값"]
*/
</style>
</head>
<body>
<table>
<thead>
<th>성명</th>
<th>직업</th>
<th>월급</th>
</thead>
<tbody>
<tr>
<th>홍길동</th>
<td>변호사</td>
<td>900</td>
</tr>
<tr>
<th>김길동</th>
<td>의사</td>
<td>2000</td>
</tr>
<tr>
<th>박길동</th>
<td>프로그래머</td>
<td>4500</td>
</tr>
</tbody>
<tfoot>
<th>합계</th>
<th>-</th>
<th>7400</th>
</tfoot>
</table>
</body>
</html>
'2022 SW전문인재양성사업 > 웹 퍼블리싱' 카테고리의 다른 글
| HTML5 기초 (6) - 간단한 게시판 만들기 (0) | 2022.07.26 |
|---|---|
| HTML5 기초 (5) - 이력서 만들기 (0) | 2022.07.26 |
| HTML5 기초 (4) - form, label, input, select 태그 (0) | 2022.07.26 |
| HTML5 기초 (2) - table 태그 (0) | 2022.07.26 |
| HTML5 기초 (1) - 각 태그와 기능 (0) | 2022.07.26 |