속담처럼: "일을 잘하려면 먼저 도구를 연마해야 합니다." 유용한 HTML 편집기를 사용하면 HTML 웹 페이지를 보다 효율적으로 만들 수 있으며 절반의 노력으로 두 배의 결과를 얻을 수 있습니다.
다음은 일반적으로 사용되는 몇 가지 편집기입니다.
1. Notepad 또는 Notepad++를 사용하여 HTML 작성
이것은 대부분의 컴퓨터에 제공되는 메모장 기능이며 간단한 텍스트 편집기를 사용하는 것이 HTML을 배우는 좋은 방법이라고 믿습니다.
1단계: 메모장 시작
메모장을 시작하는 방법:
(1) 시작 → 모든 프로그램 → 첨부파일 → 메모장
(2) 시작 → notepad 명령을 입력하여 메모장을 시작합니다.
(3) 데스크탑에서 직접 새 텍스트 문서를 생성합니다.
위 3가지 방법 모두 가능합니다.
2단계: 메모장으로 HTML 편집
메모장에 HTML 코드를 입력합니다.
<!DOCTYPEhtml><html><body><h1>C 언어 네트워크</h1><p>저희 웹사이트에 오신 것을 환영합니다. </p></body></html>
그림과 같이:
3단계: HTML 저장
메모장의 파일 메뉴에서 "다른 이름으로 저장"을 선택합니다.
HTML 파일을 저장할 때 .htm 또는 .html 확장자를 사용할 수 있습니다. 둘 사이에는 차이가 없습니다. 예를 들어 test와 같이 기억하기 쉬운 이름을 지정하십시오.
4단계: 브라우저에서 이 HTML 파일을 실행합니다.
브라우저를 시작하고 파일 메뉴에서 파일 열기 명령을 선택하거나 폴더에서 직접 HTML 파일을 두 번 클릭합니다.
실행 중인 표시 결과는 다음과 유사합니다.
2. Visual Studio Code를 사용하여 HTML 작성
Visual Studio Code는 OS X, Windows 및 Linux에서 실행되는 최신 웹 및 클라우드 애플리케이션을 작성하기 위한 크로스 플랫폼 편집기입니다. 또한 우주에서 가장 강력한 컴파일러로도 알려져 있습니다. 다음 소프트웨어의 공식 웹사이트에서 해당 소프트웨어를 다운로드하고 단계에 따라 설치할 수 있습니다.
VS 코드: https://code.visualstudio.com/
위 소프트웨어의 공식 웹사이트에서 해당 소프트웨어를 다운로드하고 단계에 따라 설치할 수 있습니다.
1단계: 새 HTML 파일 만들기
VS Code 설치가 완료되면 "파일(F)->새 파일(N)"을 선택하고 새 파일에 다음 코드를 입력합니다.
<!DOCTYPEhtml><html><body><h1>C 언어 네트워크</h1><p>저희 웹사이트에 오신 것을 환영합니다. </p></body></html>
2단계: HTML 파일로 저장
그런 다음 "파일(F)->다른 이름으로 저장(A)"을 선택하면 파일 이름은 test.html입니다.
3단계: 브라우저에서 이 HTML 파일을 실행하세요.
그런 다음 편집기에서 파일 이름을 마우스 오른쪽 버튼으로 클릭하고 기본 브라우저에서 열도록 선택합니다(다른 브라우저도 사용 가능).
3. H빌더
HBuilder는 HTML5를 지원하는 DCloud에서 출시한 웹 개발 IDE입니다. HBuilder는 Java, C, Web 및 Ruby를 사용하여 작성되었습니다. HBuilder의 본체 자체는 Java로 작성되었습니다. 빠른 속도는 HBuilder의 가장 큰 장점입니다. 완전한 구문 프롬프트, 코드 입력 방법, 코드 블록 등을 통해 HTML, js 및 css의 개발 효율성을 크게 향상시킵니다. Hbuilder는 중국 프런트엔드 개발자가 작성한 프런트엔드 개발 IDE이므로 HBuilder를 사용하여 HTML 코드를 작성하는 것이 매우 편리합니다.
4. 어도비드림위버CS
Dreamweavercs6은 국제 최고의 소프트웨어 제조업체인 Adobe에서 출시한 시각적 수정 인터페이스를 갖춘 코드 수정기 세트로, 웹 사이트 및 모바일 애플리케이션을 수정하는 데 사용할 수 있습니다. 코딩, 분할, 디자인, 실시간 보기 등 웹 페이지 생성, 작성, 수정 방법을 지원하므로 주니어 사용자도 코드를 작성하지 않고도 빠르게 웹 페이지를 만들 수 있습니다. 정교한 코드 수정 도구는 고위 웹 개발자의 창작에 더 적합합니다! 새로운 버전의 cs6에서는 적응형 그리드 레이아웃을 사용하여 페이지를 생성합니다. 다중 화면 미리보기를 사용하여 게시하기 전에 디자인을 검토하면 작업 효율성이 크게 향상됩니다. 따라서 AdobeDreamweaverCS는 더 나은 HTML 코드 교정기이기도 합니다.
5. SublimeText3 중국어 버전
SublimeText는 코드 강조, 구문 프롬프트, 자동 완성 및 빠른 응답 기능을 갖춘 교정 소프트웨어입니다. 멋진 인터페이스를 제공할 뿐만 아니라 플러그인 확장 메커니즘도 지원합니다. 사용하기 어려운 Vim, 부풀어 오르고 무거운 Eclipse 및 VS, 가볍고 실행 속도가 빠른 Editplus 및 Notepad++와 비교하면 일반적으로 SublimeText에 가려져 있습니다. 코딩을 위한 좋은 선택입니다.
6.메모장++
Notepad++는 Windows의 기본 메모장을 대체하도록 설계되었으며 메모장보다 훨씬 강력합니다. notepad++는 플러그인을 지원하고 해당 플러그인을 추가하여 다양한 기능을 지원합니다. 몇 가지 일반적인 플러그인 외에도 텍스트를 읽는 음성 플러그인과 같은 몇 가지 흥미로운 플러그인도 있습니다. Notepad++는 가벼운 텍스트 편집 소프트웨어로 다른 전문 텍스트 편집 도구보다 더 빠르게 시작하고 리소스를 적게 차지하지만 기능과 응용 프로그램 측면에서는 이러한 전문 도구보다 뒤떨어지지 않습니다.
7. 에디트플러스
다운로드 주소: https://www.editplus.com/
EditPlus는 텍스트, HTML 및 프로그래밍 언어를 처리할 수 있는 작지만 강력한 Windows 편집기입니다. 사용자 도구도 설정할 수 있습니다. C, Java, Php 및 기타 언어를 위한 간단한 IDE입니다.