HTML 문서

코드와 실시간 미리보기로 웹 문서·랜딩 페이지·HTML 발표 자료를 만드는 방법을 설명합니다.

HTML 문서 작성

랜딩 페이지, 제품 소개, 프로토타입, 한 화면씩 넘기는 HTML 발표 자료를 만들 때 사용합니다. 완성물은 하나의 .html 파일로 저장됩니다.

HTML 문서 작성 화면

문서 만들기

  • AI 문서 작성 — 주제와 분량(한 화면 / 스크롤 문서 / 다중 섹션)을 지정하면 CSS·JS까지 포함된 완성 문서를 만듭니다.
  • 내 문서 열기 — 기존 .html, .htm 파일을 업로드합니다.
  • 새 문서 작성 — 빈 HTML부터 직접 작성합니다.

확인하고 고치기

작업 화면 오른쪽에서 코드 / UI / 분할 보기를 전환할 수 있습니다.

  • 코드 — HTML·CSS·JS 원문 확인·편집. 수정 내용은 자동 저장됩니다.
  • UI — 브라우저처럼 렌더링된 결과 확인
  • 분할 — 코드와 화면을 나란히 비교
  • 미리보기 새로고침 — 수정 후 최신 문서로 다시 렌더링

채팅으로 "히어로 문구를 더 짧게", "모바일에서 세로 카드로 바꿔줘"처럼 요청하면 문서를 이어서 수정합니다.

다운로드

  • HTML 다운로드 — 현재 소스를 .html 파일로 저장합니다. 소스에 외부 리소스 링크가 있으면 파일에도 해당 링크가 남습니다.
  • PDF 다운로드 — 브라우저 인쇄 창을 열며, 인쇄 대상에서 PDF로 저장을 선택합니다.

다음 단계