본문 바로가기
프로그램/HTML5 & JavaScript 1000제

HTML5 19제] HTML & CSS for Beginner Chapter 04. 연습문제 01. 시간표 완성하기

by 건티 2021. 10. 22.
728x90

문제]

다음은 '통학 버스 시간표'를 나타내는 웹 페이지이다. 아래 소스코드의 빈칸을 채워 완성한 뒤 실행하시오.

 

 

참고풀이]

<!DOCTYPE html>

<html>

 <head>

     <title>버스 시간표</title>

 </head>

 <body>

     <h2>[ 참고풀이 1 ]</h2>

     <h3>통학 버스 시간표</h3>

     <table border=1>

         <tr>

             <th colspan=2>전철역 => 캠퍼스</th>

             <th colspan=2>캠퍼스 => 전철역</th>

         </tr>

         <tr>

             <th>출발</th>

             <th>도착</th>

             <th>출발</th>

             <th>도착</th>

         </tr>

         <tr>

            <td>10:00</td>

            <td>10:20</td>

            <td>12:00</td>

            <td>12:20</td>

         </tr>

         <tr>

            <td>13:00</td>

            <td>13:20</td>

            <td>15:00</td>

            <td>15:20</td>

         </tr>

     </table>

     <br>

     <h2>[ 참고풀이 2 ]</h2>

     <h3>통학 버스 시간표</h3>

     <table width=300 border=1>

         <tr>

             <th colspan=2>전철역 => 캠퍼스</th>

             <th colspan=2>캠퍼스 => 전철역</th>

         </tr>

         <tr>

             <th>출발</th>

             <th>도착</th>

             <th>출발</th>

             <th>도착</th>

         </tr>

         <tr align="center">

            <td>10:00</td>

            <td>10:20</td>

            <td>12:00</td>

            <td>12:20</td>

         </tr>

         <tr align="center">

            <td>13:00</td>

            <td>13:20</td>

            <td>15:00</td>

            <td>15:20</td>

         </tr>

     </table>

 </body>

</html>

 

 

참고풀이 결과]

 

 

 

 

대한민국의 아름다운 영토, 독도의 여름

 

 

반응형

댓글