CODING FACTORY
  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Python
  • MariaDB
  • 잡동사니
  • English
  • Español
  • 日本語
  • 한국어
  • English
  • Español
  • 日本語
  • 한국어
  • HTML
  • CSS
  • JavaScript
  • jQuery
  • Python
  • MariaDB
  • 잡동사니

카테고리: HTML

제목 단계와 문단을 크기가 다른 색상 막대와 줄 묶음으로 표현한 웹페이지 그림

HTML 강좌 / 제목과 문단

HTML h1~h6 제목 태그와 p 문단 태그의 역할 및 올바른 구조를 예제로 설명합니다. 제목 단계 구성, br 줄바꿈과 자주 발생하는 작성 오류도 함께 확인할 수 있습니다.

중첩된 HTML 요소와 태그, 속성을 추상적으로 표현한 그림

HTML 강좌 / 문법

HTML 요소·태그·속성·주석의 기본 문법을 예제로 설명합니다. 빈 요소, 속성값 따옴표, 태그 중첩에서 주의할 점과 문법 확인 방법도 다룹니다.

  • 이전 페이지
  • 1
  • …
  • 4
  • 5
  • 6
HTML 강좌
  • 시작하기
    • 개념과 역할
    • HTML 문서의 기본 구조
    • 문법
  • 콘텐츠 작성하기
    • 제목과 문단
    • 텍스트에 의미 부여하기
    • 목록
    • 링크
    • 이미지
    • 반응형 이미지
  • 페이지 구조 만들기
    • 시맨틱 요소로 페이지 영역 나누기
    • div와 span은 언제 사용할까?
    • 그림과 설명 묶기
    • 표 만들기
    • 읽기 쉬운 표 만들기
  • 입력 양식 만들기
    • form의 구조와 GET·POST 제출 방식
    • label과 input으로 입력 필드 만들기
    • input 유형 선택하기
    • textarea, select, option, button 사용하기
    • 입력값 검증
    • fieldset, legend, autocomplete로 양식 설명하기
    • 양식에 안내 문구 추가하기
  • 문서를 완성하고 점검하기
    • 문서 제목·설명·언어·문자 인코딩 설정하기
    • 미디어와 외부 콘텐츠 삽입하기
    • details와 summary로 펼침 콘텐츠 만들기
    • HTML 접근성 기본
    • HTML 오류 찾기와 문서 검사하기
    • 여러 페이지로 된 작은 사이트 만들기
홈

© 2026 CODING FACTORY

RSS