English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 기본 튜토리얼

HTML 미디어

HTML 참조 매뉴얼

HTML5 기본 튜토리얼

HTML5 API

HTML5 미디어

HTML 일반 편집기

일을 잘하기 위해 도구를 잘 준비해야 합니다. 좋은 HTML 편집기는 HTML 웹 페이지를 만드는 데 효율성을 높이고, 노력의 효과를 극대화할 수 있는 도구입니다. 아래에서 몇 가지 일반적으로 사용되는 편집기를 소개합니다。

HTML 편집기 추천

专业的 HTML 편집기를 사용하여 HTML을 편집할 수 있습니다. 기본 튜토리얼에서는 몇 가지 일반적으로 사용되는 편집기를 추천합니다:

이 소프트웨어의 공식 웹사이트에서 해당 소프트웨어를 다운로드하고, 단계별로 설치하면 됩니다.

이제 Editplus 도구를 사용하여 HTML 파일을 생성하는 방법을 안내해 드리겠습니다. 다른 세 가지 편집 도구의 작업 단계는 유사합니다.

Editplus 

EditPlus는 한국 Sangil Kim (ES-Computing)에서 출시된 작지만 강력한 텍스트, HTML 및 프로그래밍 언어를 처리할 수 있는 Windows 편집기입니다. 이는 또한 매우 유용한 HTML 편집기이며, 사용자 도구를 설정하여 C, Java, Php 등의 언어의 간단한 IDE로 사용할 수 있습니다.

단계 1: 신규 HTML 파일

Editplus가 설치되면, " 파일(W)->신규 파일(N) "을 선택하고, 새로운 파일에 다음 코드를 입력하세요:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<h1>제 하나 번 웹 제목</h1>
<p>제 하나 번 웹 패러그래프.</p>
</body>
</html>


단계 2: HTML 파일로 저장

그런 다음 " 파일(W)-> 복사본으로 저장(W) " 파일 이름 w3codebox.html:


HTML 파일을 저장할 때 .htm 또는 .html 확장자를 사용할 수 있습니다. 두 가지 확장자는 차이가 없으며, 개인의 취향에 따라 선택할 수 있습니다. 여기서는 .html 접미사를 사용하는 것이 좋습니다.

기억하기 쉬운 폴더에 파일을 저장하세요. 예를 들어 w3codebox

단계 3브라우저에서 이 HTML 파일을 실행합니다:

그런 다음 편집기의 파일 이름을 마우스 오른쪽 클릭하여 기본 브라우저에서 열기 선택합니다. 여기서는 파이어폭스 브라우저 Firefox를 선택합니다.(다른 브라우저도 가능합니다):


실행 결과는 다음과 같이 표시됩니다:

이렇게 editplus 편집기로 html 웹 페이지를 만드는 간단한 사용 방법을 설명했습니다. 도움이 되었기를 바랍니다. 좋아하시다면 공유하거나 즐겨찾기에 추가해 주세요. 우리의 도메인(oldtoolbag.com)。