낭만부부 trueIT정보

728x90
반응형

HTML Cleaner가 내장된 HTML 편집기의 작동은 아주 직관적이고 브라우저 내에서 작동하기 때문에 쉽게 편집이 가능합니다. 아이폰이나 아이패드에서 Html 코드를 확인하고 수정하기 위해 HTML 편집기는 아주 유용한 도구가 될 수 있습니다.

 

 

 

 

온라인 HTML 편집기

 

아래 온라인 HTML 편집기에 접속해보겠습니다.

 

https://html-online.com/editor/

 

Online HTML Editor

The best real-time online HTML editor software kit with dynamic instant live visual preview and inline WYSIWYG editor using CKEditor and markup clean-up feature

html-online.com

 

 

 

영어 사이트라 번역해서 볼 수 있습니다. 구글 앱으로 보시면 쉽게 번역이 가능합니다. 온라인 HTML 편집기의 상단에는 마치 마이크로소프트의 워드와 비슷한 UI를 제공합니다. 위지윅 편집기 패널도 아주 비슷합니다. 그래서 그냥 보통 메모장이나 워드처럼 텍스트를 편집하고 수정할 수 있습니다. 전체 구성을 살펴보면 상단 창은 텍스트 입력, 하단 창은 html 코드 창입니다. 상단 창에 텍스트를 입력하면 하단 창에 html 코드가 생깁니다. 그리고 하단 창에 html 코드를 입력하면 상단에 코드가 적용된 페이지가 보여집니다. 그리고 몇 가지 유용한 기능도 제공됩니다. HTML 코드를 정리하고 청소하는 기능이 있어서 HTML 소스코드를 정리하고 압축해서 사용할 때 유용할 것 같습니다.

온라인-HTMLCSS-편집기
온라인 HTML 편집기

 

 

 

 

청소 옵션에 대한 자세한 설명이 제공됩니다. 아래 우측 사진처럼 HTML 소스코드를 붙여 넣기 하고 '깨끗한(Clean)' 버튼을 누르면 자동으로 필요 없는 코드를 제거하고 깨끗하게 청소를 해줍니다. 그다음은 한층 가벼워진 HTML 코드를 블로그나 개인 웹사이트에서 다시 사용할 수 있습니다.

온라인-HTMLCSS-청소
온라인 HTML 편집기

 

 

마무리

온라인 HTML 편집기에 대해 간단히 알아보았습니다. 아이패드 사용자들 중에 HTML 편집기에 대해 물어보시는 분들이 계셔서 포스팅으로 남겨보았습니다. 온라인 HTML 편집기를 잘 활용하시면 HTML 언어를 공부하고 연습하는데도 도움이 될 것 같습니다. 그리고 웹으로 된 편집기이기 때문에 아이패드외에 거의 모든 기기에서 활용이 가능합니다. 구독하라는 메시지가 뜨면 그냥 새 로고 침해서 다시 사용하시면 됩니다.

 

공유하기

facebook twitter kakaoTalk kakaostory naver band