1-4강
[1강] HTML | 웹이란?
[1강] HTML | 실습 환경 구축
[1강] HTML | HTML 구조
[1강] HTML | 텍스트
[2강] HTML | 이미지
[2강] 프로젝트 1
[2강] HTML | 오디오와 비디오
[2강] HTML | 아이프레임
[2강] HTML | 유튜브 동영상
[3강] HTML | 링크와 경로
[3강] HTML | 목록
[3강] 프로젝트 2
[3강] HTML | <input> 태그
[4강] HTML | 폼 요소
[4강] HTML | <table> 태그
[4강] HTML | 열과 행의 병합
[4강] 미니 프로젝트 1
[4강] 미니 프로젝트 2
[4강] 미니 프로젝트 3
5-8강
[5강] CSS | CSS 개요
[5강] CSS | 주석문
[5강] CSS | 글자 색상,크기,글꼴
[5강] CSS | 글자 스타일
[6강] CSS | 배경 색상
[6강] CSS | 웹 폰트
[6강] 프로젝트 1
[6강] CSS | 박스 모델이란?
[6강] CSS | 경계선
[7강] CSS | 마진
[7강] CSS | 패딩
[7강] CSS | 박스 속성
[7강] 프로젝트 2
[8강] CSS | 선택자란?
[8강] CSS | 요소 선택자
[8강] CSS | 아이디/클래스 선택자
9-12강
[9강] CSS | 전체/그룹 선택자
[9강] CSS | 자손/자식 선택자
[10강] CSS | 기타 선택자
[10강] CSS | 배경 이미지
[11강] CSS | 테이블 꾸미기
[11강] CSS | 디스플레이 방식
[12강] CSS | 목록 꾸미기
[12강] CSS | 폼 꾸미기
13-16강
[13강] CSS | 박스 중앙 배치
[13강] CSS | float 속성
[14강] CSS | 레이아웃 연습
[15강] CSS | position 속성
[15강] CSS | 웹 페이지 레이아웃
[16강] 반응형 | 반응형 웹이란?
[16강] 반응형 | 반응형 웹 폰트
[16강] 반응형 | 12열 그리드 시스템
17~20강
[17강] 반응형 | 미디어쿼리
[17강] 반응형 | 반응형 이미지
[17강] 반응형 | 플렉스박스란?
[18강] 반응형 | 플렉스 콘테이너
[18강] 반응형 | 플렉스 아이템
[19강] 반응형 | 헤더 모듈
[19강] 반응형 | 메인 콘텐츠 모듈 1
[20강] 반응형 | 메인 콘텐츠 모듈 2
[20강] 반응형 | 전체 페이지 레이아웃
[4강 - HTML] 프로젝트 3
PROJECT. 열차 시간표 만들기
다음은 테이블 태그를 이용하여 제작한 열차 시간표입니다. 밑줄을 채워 보세요.
브라우저 실행 결과
새 창에서 보기
HTML 소스
<
h3
>
열차 시간표
<
/h3
>
<
table border=
"
1
"
>
<
tr
>
<
th
>
출발
<
/th
>
도착
<
th colspan=
"
2
"
>
객실/요금
<
/th
>
<
th
>
예약
<
/th
>
<
/tr
>
<
td
>
서울(09:00)
<
/td
>
부산(12:00
<
td
>
일반실
<
/td
>
<
td
>
50,000원
<
/td
>
<
td
>
<
input type=
"
button
"
value=
"
예약신청
"
>
<
/td
>
<
tr
>
<
td
>
서울(10:00)
<
/td
>
<
td
>
부산(13:00)
<
/td
>
<
td
>
특실
<
/td
>
<
td
>
80,000원
<
/td
>
<
td
>
<
input type=
"
button
"
value=
"
예약불가
"
>
<
/td
>
<
/tr
>
<
tr
>
<
td
>
서울(11:00)
<
/td
>
<
td
>
부산(14:00)
<
/td
>
<
td
>
특실
<
/td
>
<
td
>
80,000원
<
/td
>
<
td
>
<
input type=
"
button
"
value=
"
예약신청
"
>
<
/td
>
<
/tr
>
<
/table
>
정답 보기
(1) <th>
(2) </th>
(3) <tr>
(4) <td>
(5) </td>
(6) </tr>