HTML -5-1

2020. 6. 9. 12:37Web(CSS)

<html>
<head>
<title></title>
<style type="text/css">
table, th, td {
border:1px solid #35a;
}
 
table {
width:600px;
height:400px;
}
</style>
 
 
 
</head>
<body>
<ol>
<li>1차
<ul>
<li>정상</li>
<li>고온</li>
</ul>
</li>
<li>2차</li>
<li>3차</li>
</ol>
 
<dl>
<dt>dl</dt>
<dd>정의 목록 </dd>
</dl>
 
<table>
<tr>
<th colspan="4">체온체크</th>
</tr>
<tr>
<th>날짜</th>
<th>이름</th>
<th>체온</th>
<th rowspan="2">확인</th>
</tr>
<tr>
<td>2020.05.22</td>
<td>기서우</td>
<td>36.7</td>
</tr>
<tr>
<td>2020.05.22</td>
<td>고미우</td>
<td>36.9</td>
<th rowspan="2"></th>
</tr>
<tr>
<td>2020.05.22</td>
<td>구서지</td>
<td>36.2</td>
</tr>
</table>
</body>
</html>

 

저번에 배웠던 목록 만들기와 표 만들기를 동시에 해보았는데 잊어버리기 전에 활용해 볼 수 있어서 좀 더 기억에 남게 되어서 좋았다. 얼른 더 배워서 좀 더 고급지게 해보고 싶다.

'Web(CSS)' 카테고리의 다른 글

HTML -6-2  (0) 2020.06.09
HTML -6  (0) 2020.06.09
HTML -5  (0) 2020.06.09
HTML -4  (0) 2020.06.09
HTML -3  (0) 2020.06.09