본문 바로가기
Front-End/HTML | CSS

HTML - 실습문제 02

by 코젼 2022. 7. 7.
728x90
반응형

2022-07-06(13일차)

💾 소스파일

교육일정 테이블 만들기.hwp
0.08MB
moble.html
0.00MB


💡 교육일정 표를 만들어보자

🗒️ 모블 교육일정

<!DOCTYPE html>
<html lang="ko">
<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>모블 교육일정</title>
</head>
<body>
    <table border="2" width="600">
        <tr align=center height="40">
            <td colspan="20">스마트 디바이스 연동 및 융합 SW 개발 과정 일정표</td>
        </tr>

        <tr align=center height="50">
            <td width="50">번호</td>
            <td colspan="4">일정</td>
            <td colspan="10">교과목</td>
            <td colspan="4">확인</td>
        </tr>

        <tr height="50">
            <td align=center width="50">1</td>
            <td width="150">6월 20일 ~ 7월 1일 (10일)</td>
            <td colspan="10">JAVA 언어</td>
            <td align=center colspan="4">종료</td>
        </tr>

        <tr height="50">
            <td align=center width="50">2</td>
            <td width="150">7월 2일 ~ 7월 5일 (2일)</td>
            <td colspan="10">자바 2<br>(컬렉션, 제너릭스, 열거형, 에너테이션,<br>스레드, 람다와 스트림</td>
            <td align=center colspan="4">종료</td>
        </tr>

        
        <tr height="50">
            <td align=center width="50">3</td>
            <td width="150">7월 6일 ~ 7월 12일 (5일)</td>
            <td colspan="10">자바스크립트, HTML, CSS</td>
            <td align=center colspan="4">진행중</td>
        </tr>

        <tr height="50">
            <td align=center width="50">4</td>
            <td width="150.8">7월 13일 ~ 7월 18일 (4일)</td>
            <td colspan="10">mySQL</td>
            <td align=center colspan="4">진행중</td>
        </tr>

        <tr height="50">
            <td align=center width="50">5</td>
            <td width="150.8">7월 19일 ~ 8월 2일 (11일)</td>
            <td colspan="10">스프링</td>
            <td align=center colspan="4"></td>
        </tr>

        <tr height="50">
            <td align=center width="50">6</td>
            <td width="150">8월 3일 ~ 8월 25일 (16일)</td>
            <td colspan="10">안드로이드</td>
            <td align=center colspan="4"></td>
        </tr>

        <tr height="50">
            <td align=center width="50">7</td>
            <td width="150">8월 26일 ~ 9월 2일 (6일)</td>
            <td colspan="10">스프링 서버와 안드로이드 앱 간 통신<br>프로젝트</td>
            <td align=center colspan="4"></td>
        </tr>

        <tr height="50">
            <td align=center width="50">8</td>
            <td width="150">9월 5일 ~ 9월 13일 (5일)</td>
            <td colspan="10">라즈베리파이</td>
            <td align=center colspan="4"></td>
        </tr>
    </table>
</body>
</html>

💻 실행 화면

728x90
반응형

'Front-End > HTML | CSS' 카테고리의 다른 글

HTML - 입력 양식 작성하기, <form> 태그  (0) 2022.07.08
HTML - 실습문제 03  (0) 2022.07.07
HTML - 기본 구조와 태그  (0) 2022.07.07
HTML - 실습문제 01  (0) 2022.07.06
HTML - 텍스트 태그, 목록, 표 만들기  (0) 2022.07.06

댓글