민둥 개발자의 계발 블로그

HTML 테이블 추가 문제 정답 공개! 본문

Study/HTML

HTML 테이블 추가 문제 정답 공개!

민둥산의 민둥이 2022. 4. 18. 20:58

 굵고 짧게 정답만 공개 하겠습니다! 생각보다 디테일하지만 그렇게 어렵진 않죠?

 

<html>
 <head>
 <title>자바 개발자반 시간표</title>
 <style type="text/css">
   table, th, td{
   border:1px solid #6ED746;
   }
  </style>
 </head>

 <body>
 <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"><b>특강</b><br><small>강사</small><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"><b>특강</b><br><small>강사</small><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"><b>특강</b><br><small>강사</small><br>김갑을
  </tr>

  <tr>
   <td colspan="2">8교시</td>
  </tr>

 </table>
 </body>
</html>

 

반응형
저작자표시 (새창열림)

'Study > HTML' 카테고리의 다른 글

HTML#5 이미지 태그 정답 공개!  (2) 2022.04.18
HTML #5 이미지 태그!  (0) 2022.04.18
HTML#4 정답 공개 및 추가 문제!  (0) 2022.04.18
HTML#4 테이블 만들기!  (4) 2022.04.12
HTML 연습! 심심해서 직접 해보았습니다!  (2) 2022.04.11
'Study/HTML' Related Articles more
Comments