김버그의 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 기초
    마무리 + 쉬어가기
    Q&A