소프트웨어개발&환경
HTML/CSS/Javascript 온라인 편집 및 테스트 사이트 jsbin
수알치
2022. 5. 24. 20:05
HTML/CSS/Javascript 온라인 편집 및 테스트 사이트 jsbin
(1) 작업 창 조정
상단 광고는 왼쪽상단 X 아이콘을 누르면 닫힙니다.
편집창은 상단 중앙의 HTML, CSS, JavaScript 탭을 눌러면 열리거나 닫힙니다.
(2) 파일 저장하기
- 작업 내용을 복사한 후에 외부 텍스트 편집기에 붙여넣고 저장합니다.
- File > Download 메뉴를 선택하면 파일로 저장됩니다.
(3) 태그 자동 완성 기능
태그 이름을 적고 Tab 키를 누릅니다.
예를 들어, 'ul'을 입력하고 탭을 누르면 다음처럼 자동완성됩니다.
<ul></ul>
'li*4'를 입력하고 탭을 누르면 다음처럼 자동완성됩니다.
<li></li>
<li></li>
<li></li>
<li></li>
'div>ul>li*3'를 입력하고 탭을 누르면 다음처럼 자동완성됩니다.
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
'div.right'처럼 입력하고 탭을 누르면 다음처럼 클래스 이름까지 자동완성됩니다.
<div class="right"></div>
'div#mybox'처럼 입력하고 탭을 누르면 다음처럼 id 이름까지 자동완성됩니다.
<div id="mybox"></div>
<이상>
반응형