HTML에는 어떤 개발 도구가 사용됩니까?

html 개발 도구: 1. Sublime Text 3. Visual Studio Code 5. HBuilder 7. Vim 편집기 등

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

One: HTML

HTML이란 무엇입니까? 정식 이름은 "Hyper Text Markup Language(하이퍼 텍스트 마크업 언어)"이며 월드 와이드 웹 페이지를 만들기 위한 표준 언어입니다.

사진, 사운드, 애니메이션, 멀티미디어 및 기타 콘텐츠를 추가할 수 있기 때문에 소위 하이퍼텍스트입니다. 뿐만 아니라 한 파일에서 다른 파일로 이동하여 전 세계 호스트의 파일에 연결할 수 있습니다.

HTML은 프로그래밍 언어가 아니라 설명적 마크업 언어라는 점에 유의해야 합니다.

2: HTML에 대해 배울 점

HTML을 배운다는 것은 웹 페이지의 "골격"인 다양한 태그를 배우는 것을 의미합니다.

태그에는 텍스트 태그, 이미지 태그, 오디오 태그, 양식 태그 등이 포함됩니다. HTML의 언어는 설명적인 언어이기 때문에 태그를 사용하여 말합니다.

예를 들어, 브라우저에 텍스트 단락을 표시하려면 단락 태그 p를 사용합니다. 브라우저에 이미지를 표시하려면 이미지 태그를 사용합니다. 다양한 태그는 다양한 개체에 사용됩니다.

HTML을 배운다는 것은 다양한 태그를 배운 다음 표시하려는 콘텐츠에 해당하는 태그를 사용하는 것, 즉 올바른 위치에 올바른 태그를 사용하는 것을 의미합니다.

3: HTML 문서의 접미사 이름

• html
• htm

두 가지 작성 방법은 동일하며 차이가 없습니다.

넷: HTML용 개발 도구는 무엇인가요?

HTML 코드를 작성할 수 있는 편집기에는 여러 가지가 있으며, 어떤 것이 가장 좋은 HTML 코드 편집기인지에 대해서는 모두가 서로 다른 의견을 제시하겠습니다. 참고로 사용한 몇 가지 예시입니다

1) Sublime Text 3

Sublime의 코드 색상이 너무 마음에 들어서 다른 에디터를 사용할 때 변경해야 합니다. 같은 색으로요.

2) Webstorm

Webstorm의 코드 스마트 팁과 사용자 정의 단축키, 색상이 어둡고 마음에 듭니다.

3) Visual Studio Code

Visual Studio Code는 Microsoft에서 개발한 경량 편집기로 플러그인 기능이 매우 강력합니다.

4) Atom

이 소프트웨어는 구조적으로 vscode보다 확장성과 자유도에 더 중점을 두고 있으며, 자체적으로 많은 확장 기능으로 구성되어 있습니다. 예를 들어 미니맵을 설치하는 것은 서브라임 텍스트와 마찬가지다. 프론트엔드 작성은 vscode와 거의 동일하며, 다른 많은 언어로도 개발할 수 있습니다. 하지만 개인적으로 확장기능 품질은 일반적으로 vscode만큼 높지 않다고 생각합니다. 처음에 한동안 사용했는데 고르지 못한 확장자 품질과 호환성을 참을 수 없어서 vscode로 전환했습니다.

5) HBuilder

이것은 HTML5용으로 특별히 준비되었다고 하는 IDE입니다. 몇 년 전에 사용했던 Eclipse 커널을 기반으로 한 것 같습니다. Eclipse 기반 소프트웨어를 사용하고 싶지 않습니다. 코드 형식에도 버그가 있었던 것으로 기억합니다. 위에서 권장하는 확장 기능을 사용하면 형식 지정 코드를 쉽게 완성할 수 있습니다.

6) Notepad++

Notepad++는 완벽한 중국어 인터페이스와 다국어 쓰기 지원(UTF8 기술)을 갖춘 매우 독특한 무료 소프트웨어 순수 텍스트 편집기(라이선스: GPL) 세트입니다. 일반 일반 텍스트 설명 파일을 작성하는 데 사용되는 것 외에도 컴퓨터 프로그램 작성을 위한 편집기로도 매우 적합합니다. Notepad++에는 구문 강조 기능뿐만 아니라 구문 접기 기능도 있으며 기본 기능을 확장하는 매크로 및 플러그인 모듈을 지원합니다.

7) Eclipse

Eclipse는 잘 알려진 크로스 플랫폼 무료 통합 개발 환경(IDE)입니다. 처음에는 주로 Java 언어 개발에 사용되었지만 이제는 플러그인을 사용하여 C++ 및 Python과 같은 다른 컴퓨터 언어의 개발 도구로 사용하는 사람들도 있습니다.

8) Brackets

Adobe의 오픈 소스 프런트엔드 개발 도구입니다. 기본적으로 프론트엔드에 대한 준비가 완벽하게 되어 있으며, 플러그인을 지원합니다. 처음에 잠시 사용했는데 경험이 매우 좋았습니다. 내장 서버를 통해 변경 사항을 직접 미리 볼 수 있습니다.

9) Vim 편집기

Vim은 모든 유형의 텍스트를 매우 효율적으로 생성하고 변경할 수 있는 고도로 구성 가능한 텍스트 편집기입니다. 대부분의 UNIX 시스템은 "vi" 형식으로 이를 지원합니다. 많은 개발자들은 다양한 편집 작업에 Vim을 사용하는 것을 좋아합니다. Vim은 매우 안정적이며 더 나아지기 위해 끊임없이 발전하고 있습니다.

10) Deco IDE

Deco는 React Native를 위해 특별히 제작된 IDE입니다. 환경 설정 없이 다운로드하여 사용할 수 있는 React Native 애플리케이션 작성을 위한 올인원 솔루션입니다. Deco는 구성 요소 재사용에 중점을 두고 사용자가 실시간으로 UI를 편집할 수 있도록 하여 React Native 개발 워크플로를 개선합니다.

11) TextMate 편집기

TextMate는 IDE는 아니지만 강력한 스니펫, 매크로 및 고유한 범위 지정 시스템을 사용하여 프로그래밍 언어별 IDE에도 부족한 기능을 제공할 수 있는 경우가 많습니다. React는 이를 직접 지원하지 않지만, 아래 플러그인의 도움으로 대부분의 React 코드의 기반이 되는 JSX에 대한 지원을 쉽게 얻을 수 있습니다.

12) Spacemacs 편집기

Spacemacs는 커뮤니티 중심의 Emacs 배포판입니다. 최고의 편집기는 Emacs도 Vim도 아니고 Emacs와 Vim을 합친 것입니다!

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 HTML에는 어떤 개발 도구가 사용됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!