InfoCube

온라인에서 무료로 사용 가능한 HTML 편집기가 필요하신가요? HTML은 로컬에서 메모장으로 저장하여 편집이 가능하지만 불편한 점이 있습니다. 오늘은 직관적으로 HTML 편집 결과를 즉시 확인하고 수정이 간편한 HTML 편집기를 소개해드리려고 합니다.

 

무료-html-편집기
무료-html-편집기

 

 

 

HTML 편집기 HTML5 Editor 특징

  • html 소스 결과물을 직관적으로 확인이 가능하다.
  • 결과물을 수정하면 html 소스가 자동으로 수정됩니다. (아래 그림에서 설명)
  • 웹 브라우저에서 HTML 편집이 가능하다.
  • 로그인, 다운로드 및 설치가 필요 없다.
  • 사이트가 빠르다.
  • 소스코드를 한번에 지울 수 있는 기능이 있다.
  • 원하는 색상 선택할 수 있도록 jsColor를 통합했다.
  • 모바일에서도 HTML5 Editor 사용 가능합니다.
  • 모든 브라우저에서 사용 가능

 

 

HTML 편집기 Html5 Editor 무료 사용하기

아래 링크를 클릭하시면 HTML5 Editor에 접속하여 무료로 html 편집이 가능합니다. (아래 링크 클릭하여 html 편집기 무료로 사용하기 ↓)

HTML 편집기 무료 사용

 

 

HTML 편집기 HTML5 Editor 주요 기능 설명

HTML 편집기 대부분 편리한 기능들이 많지만 아쉬운 부분 중 하나가 바로 HTML 소스에 대한 결과물을 바로 확인이 불가능하다는 것입니다. 하지만 HTML5 Editor는 화면 구성이 오른쪽 왼쪽 나눠져 있으며 소스코드와 그 결과에 대해서 직접 확인이 가능합니다.

 

화면의 왼족은 HTML 소스 Editor가 위치해 있고, 오른쪽에는 html 소스코드의 결과물이 있습니다. 그래서 왼쪽에서 html 소스코드를 수정하면 오른쪽에 즉각적으로 결과물이 반영되어 어느 부분이 어떻게 변경되었는지 즉시 확인이 가능합니다. 프로그래밍을 하는 분들이나 웹 디자인을 하시는 분들은 이런 툴이 있으면 효율적으로 업무를 진행할 수 있겠죠. 

HTML5-Editor-주요-기능
HTML5-Editor-주요-기능

 

그리고 10행 10열의 표의 넓이나 높이를 조절하려면 소스코드에서는 한줄 한 줄 다 변경해 줘야 하는 경우도 있습니다. 이런 경우에는 html 편집기인 html5 Editor가 유용합니다. 

 

HTML5 Editor는 결과물을 직접 수정할 수 있습니다. 예를들어 아래 그림의 오른쪽 화면에 표가 보이시죠? 표의 넓이나 높이 등을 수정할 수 있습니다. 수정을 하면 왼쪽 html 소스가 수정이 됩니다. 이렇게 결과물을 수정하면 html5 소스로 반영이 되어 초보자들도 쉽게 html 소스를 생성할 수 있습니다. 그래서 표 뿐만 아니라 글자, 그림 등 모든 데이터 수정이 가능합니다.

 

HTML5-Editor-주요-기능
HTML5-Editor-주요-기능

 

 

 

 

공유하기

facebook twitter kakaoTalk kakaostory naver band

공유하기

facebook twitter kakaoTalk kakaostory naver band