최신 웹 개발 튜토리얼

HTML의 Editors


HTML 편집기 란 무엇입니까?

HTML 편집기는 HTML, 웹 페이지의 마크 업을 편집하기위한 컴퓨터 프로그램입니다. 웹 페이지의 HTML 태그는 텍스트 편집기로 기록 될 수 있지만, 전문적인 HTML 편집기는 편리함과 추가 기능을 제공 할 수 있습니다.

예를 들어, 많은 HTML 편집기뿐만 아니라 HTML,하지만 같은 CSS, XML과 자바 스크립트 또는 ECMAScript를 등도 관련 기술을 처리합니다. 어떤 경우에는 그들은 또한 FTP 및 WebDAV, 및 서브 버전 또는 힘내 같은 버전 관리 시스템을 통해 원격 웹 서버와의 통신을 관리 할 수 ​​있습니다.

대부분의 워드 프로세싱, 마이크로 소프트 워드 나 쿼크 익스프레스와 같은 웹 디자인에 전념하지 않는 그래픽 디자인 및 페이지 레이아웃 프로그램은 또한 HTML 편집기의 기능을 할 수있는 능력을 가지고있다.


메모장이나 텍스트 편집기 사용하여 HTML 쓰기

HTML은 같은 전문적인 HTML 편집기를 사용하여 편집 할 수 있습니다 :

  • 마이크로 소프트 WebMatrix
  • Sublime Text

그러나, HTML 학습을위한 우리 같은 텍스트 편집기 추천 Notepad (PC) 또는 TextEdit (Mac) .

우리는 간단한 텍스트 편집기를 사용하여 HTML을 배울 수있는 좋은 방법입니다 생각합니다.

당신의 첫번째 웹 페이지를 만들려면 아래 4 단계에 따라 Notepad .


1 단계 : 오픈 Notepad (PC)

열기 Notepad 윈도우 8 또는 나중에 :

시작 화면을 엽니 다 (the window symbol at the bottom left on your screen) . 입력 Notepad .

열기 Notepad 윈도우 7 또는 이전 버전에서 :

시작을 클릭합니다 (bottom left on your screen) . 모든 프로그램을 클릭합니다. 보조 프로그램을 클릭합니다. 클릭 Notepad .


1 단계 : 오픈 TextEdit (Mac)

열기 TextEdit .

텍스트 편집기는 일반 텍스트로 설정되어 있는지 확인하십시오. 이동 : 환경 설정> 새 문서> 일반 텍스트를 선택합니다.

또한 있는지 모두 확인 "Display html file as html code""Display RTF file as RTF code" 옵션에서 체크 "Open and Save" .

그런 다음 코드를 삽입하는 새로운 문서를 엽니 다.


2 단계 : 일부 HTML 쓰기

쓰기 또는 메모장에 일부 HTML을 복사합니다.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

메모장


3 단계 : HTML 페이지를 저장

컴퓨터에 파일을 저장합니다.

메모장 메뉴에서 파일> 다른 이름으로 저장을 선택합니다.

파일 이름 "index.html" 또는 HTML 또는 HTM로 끝나는 다른 이름입니다.

UTF-8은 HTML 파일의 기본 인코딩입니다.

ANSI 인코딩 커버 US 만 서유럽 문자.

브라우저에서보기

당신도 사용할 수있는 .htm 또는 .html 파일 확장자로합니다. 차이는 당신에게 달려있다, 없다.


4 단계 :보기 HTML 페이지 브라우저에서

당신의 마음에 드는 브라우저에서 저장 한 HTML 파일을 엽니 다. 그 결과는 다음과 같이 많이 보일 것이다 :

브라우저에서보기

브라우저에서 파일을 열려면 파일을 두 번 클릭하거나 마우스 오른쪽 단추로 클릭하고 열기를 선택합니다.