김버그의 HTML은 재밌다 - 기초부터 실무 레벨까지
01
시작하기에 앞서
HTML이 왜 중요한가요?
Preview
HTML을 시맨틱하게 작성해야 하는 이유
강의 100% 활용하기
강의 환경 세팅
02
HTML 기초
태그 해부학
Preview
제목과 문단 Headings & Paragraph
강조 Emphasis
링크 Anchor
이미지 Image
리스트 Lists
정의 리스트 Description List
인용 Quotations
흑마법 Div & Span
Form (1) - 기본구조
Form (2) - Input
Form (3) - Label
Form (4) - Radio & Checkbox
Form (5) - Select & Option
Form (6) - Textarea
Form (7) - Buttons
표 Table (1) - 기본 구조
표 Table (2) - 심화
미디어 파일 Media
기타 Etc
Doctype & Document Structure
Title, Link, Style & Script
Meta
마무리 + 쉬어가기
Preview
03
HTML 훈련
Ad Banner
Preview
Google Search Result Item
Feature Box
Logo in Header
Breadcrumb & Pagination
Product Card
Instagram User Profile
Receipt
Github Dropdown Menu
Input Group
Feed
Gmail Inbox
Music Player
Video Player
04
트위터 마크업 챌린지
챕터 소개: 구조적인 웹 문서 설계
Preview
올바른 Sectioning Elements 사용 방법
페이지 구조 설계
Header
Global Navigation
Main
Tweet Form
Timeline
Tweet
Aside
Footer
마무리
마무리 + 쉬어가기
02 HTML 기초
Loading...
100%
마무리 + 쉬어가기
Q&A