HTML 편집기
HTML 편집기
HTML 편집기 소개
전문 HTML 편집기를 사용하여 HTML을 편집할 수 있습니다. PHP 중국어 웹사이트에서는 일반적으로 사용되는 여러 편집기를 권장합니다.
· Notepad++: https:/ /notepad-plus-plus .org/
· Sublime Text：http://www.sublimetext.com/
· HBuilder： http://www. dcloud.io/
위 소프트웨어의 공식 홈페이지에서 해당 소프트웨어를 다운로드한 뒤, 절차에 따라 설치하시면 됩니다.
다음으로 Notepad++ 도구를 사용하여 HTML 파일을 만드는 방법을 보여드리겠습니다. 다른 두 도구의 단계는 비슷합니다.
Notepad++
Notepad++는 Windows 운영 체제(소프트웨어 저작권 라이센스: GPL)의 텍스트 편집기로 완전한 중국어 인터페이스를 갖추고 있으며 다음 기능을 지원합니다. 여러 언어로 작성 가능(UTF8 기술).
1단계: 새 HTML 파일 만들기
Notepad++ 설치 후 새 파일에서 "파일(F)->새로 만들기(N)"을 선택합니다. 다음 코드:
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>html文件</title> </head> <body> <h1>这是一个标题</h1> <h2>这是另一个标题</h2> <h3>这还是一个标题</h3> <p>这是一句话</p> <p>这是另一句话</p> </body> </html>
2단계: HTML 파일로 저장
하고 선택 "파일(F)->다른 이름으로 저장(A)", 파일명은 새로 1.html
HTML 파일을 저장할 때 확장자는 .htm 또는 .html 중 하나를 사용할 수 있습니다. 둘 사이에는 차이가 없으며 전적으로 귀하에게 달려 있습니다.
이 파일을 php와 같이 기억하기 쉬운 폴더에 저장하세요
3단계: 브라우저에서 이 HTML 파일을 실행하세요
브라우저를 시작한 다음 "파일" 메뉴에서 "파일 열기" 명령을 선택하거나 폴더에서 HTML 파일을 직접 두 번 클릭합니다.
결과는 다음과 유사합니다. 다음:
Notepad++ 및 Sublime Text를 Emmet 플러그인과 함께 사용하여 코딩 속도를 높일 수도 있습니다.
Emmet 공식 웹사이트: http://emmet.io/
메모장을 사용하고 다음 4단계에 따라 첫 번째 웹을 만드세요. 페이지.
1단계: 메모장 시작
메모장 시작 방법:
시작
모든 프로그램
첨부
메모장
2단계: 메모장을 사용하여 HTML 편집
메모장에 HTML 코드 입력:
3단계: HTML 저장
메모장의 파일 메뉴에서 '다른 이름으로 저장'을 선택하세요.
HTML 파일을 저장할 때 .htm 또는 .html 확장자를 사용할 수 있습니다. 둘 사이에는 차이가 없으며 전적으로 귀하에게 달려 있습니다.
이 파일을 w3school과 같이 기억하기 쉬운 폴더에 저장하세요.
4단계: 브라우저에서 이 HTML 파일 실행
브라우저를 시작하고 "파일" 메뉴에서 "파일 열기" 명령을 선택하거나 직접 두 번- 폴더에서 HTML 파일을 클릭하세요.
결과는 다음과 같습니다.
