HTML -5
2020. 6. 9. 12:34ㆍWeb(CSS)
| <html> |
| <head> |
| <title>table test</title> |
| <style type="text/css"> |
| table, th, td { |
| border:1px solid #3a0; |
| } |
| </style> |
| </head> |
| <body> |
| <hr> |
| <h1>table test</h1> |
| <hr> |
| <h3>table의 제목을 표시하는 태그 - caption</h3> |
| <table> |
| <caption>코로나19 체온 체크</caption> |
| <tr> |
| <th>날짜</th> |
| <th>이름</th> |
| <th>체온</th> |
| <th>비고</th> |
| </tr> |
| <tr> |
| <td>2020.05.15</td> |
| <td>홍길동</td> |
| <td>36.5</td> |
| <td>정상</td> |
| </tr> |
| <tr> |
| <td>2020.05.15</td> |
| <td>홍길수</td> |
| <td>37.9</td> |
| <td>귀가</td> |
| </tr> |
| <tr> |
| <td>2020.05.15</td> |
| <td>홍동수</td> |
| <td>37.1</td> |
| <td>재확인 36.8</td> |
| </tr> |
| </table> |
| <h2>◎ 아이티윌 게스트하우스 ◎</h2> |
| <table> |
| <tr> |
| <th colspan="4">아이티윌 게스트하우스 예약 안내</th> |
| <tr> |
| <th>방 이름</th> |
| <th>대상</th> |
| <th>크기</th> |
| <th>가격</th> |
| </tr> |
| <tr> |
| <th>유채방</th> |
| <td>여성 도미토리</td> |
| <td rowspan="3">4인실</td> |
| <td rowspan="4">1인 20,000원</td> |
| </tr> |
| <tr> |
| <th rowspan="2">동백방</th> |
| <td>남성 도미토리</td> |
| </tr> |
| <tr> |
| <td>가족 1팀</td> |
| </tr> |
| <tr> |
| <th colspan="2">천혜향방</th> |
| <td>2인실</td> |
| </tr> |
| <tr> |
| <th colspan="4">바깥채 단독 : 전화문의</th> |
| </tr> |
| </table> |
| <br> |
| <h2>◎ 자바 개발자반 시간표 ◎</h2> |
| <table> |
| <tr> |
| <th colspan="6">자바 개발자반</th> |
| </tr> |
| <tr> |
| <th colspan="2">오라클</th> |
| <th colspan="2">웹표준 UI</th> |
| <th colspan="2">애플리케이션</th> |
| </tr> |
| <tr> |
| <td rowspan="4">1교시<br>~<br>4교시</td> |
| <td rowspan="4"><특강><br> 강사 - <br> 홍길동</td> |
| <td colspan="2">1교시</td> |
| <td colspan="2">1교시</td> |
| </tr> |
| <tr> |
| <td colspan="2">2교시</td> |
| <td colspan="2">2교시</td> |
| </tr> |
| <tr> |
| <td colspan="2">3교시</td> |
| <td colspan="2">3교시</td> |
| </tr> |
| <tr> |
| <td colspan="2">4교시</td> |
| <td colspan="2">4교시</td> |
| </tr> |
| <tr> |
| <td colspan="2">5교시</td> |
| <td rowspan="4">5교시<br>~<br>8교시</td> |
| <td rowspan="4"><특강><br>강사 - <br>홍길순</td> |
| <td colspan="2">5교시</td> |
| </tr> |
| <tr> |
| <td colspan="2">6교시</td> |
| <td colspan="2">6교시</td> |
| </tr> |
| <tr> |
| <td colspan="2">7교시</td> |
| <td rowspan="2">7교시<br>~<br>8교시</td> |
| <td rowspan="2"><특강><br>강사 - <br>김갑을</td> |
| </tr> |
| <tr> |
| <td colspan="2">8교시</td> |
| </tr> |
| </table> |
| </body> |
| </html> |
조금 복잡하게 만들어보니 확실히 재미있었다.
하나하나 만들어가는 부분이 흥미를 유발해서 시간 가는 줄 모르고 배웠고,
전혀 지루하지 않고 집중을 할 수 있어서 좋았다.
친구들과의 여행이나 만남에 있어 활용할 수 있을 것 같아서 만족스럽다