제3강.  HTML 편집기

 

 

동영상 강좌보기

 

HTML을 작성하려면 텍스트 에디터가 필요합니다.

텍스트에디터는 상용에디터도 있고 상용에디터에 버금가는 무료로 사용할 수 있는 에디터들이 많습니다.

-, Atom (https://atom.io/) 

-, Sublime Text (http://www.sublimetext.com/) 

-, Visual Studio Code (https://code.visualstudio.com/)

-, Notepad++ (https://notepad-plus-plus.org/) 

-, Editplus (https://www.editplus.com/)  

-, Brackets (http://brackets.io/) 

-, Aptana (http://www.aptana.com/index.html) 

-, Emacs (https://www.gnu.org/software/emacs/)

-, Vim  (https://vim.sourceforge.io/) 

.....

그러나 여기서는 간단한 에디터로 충분합니다. 

윈도우운영체제에 기본 설치되어 있는 메모장으로도 충분합니다.

 

첫번째 웹페이지를 만드는 과정은 아래와 같습니다.

 

1단계 : 메모장 열기(PC기준)

시작 > 프로그램 > 윈도우 보조프로그램 > 메모장

 

2단계 : HTML 작성

아래 코드를 직접 작성하거나 복사하십시오.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
Markup
 

 

3단계 : HTML 페이지 저장

메모장 메뉴에서 파일 > 다른 이름으로 저장을 선택후,

파일이름을 확장자 html 또는 htm으로 저장하십시오.

(주의 : 저장할 때 파일의 기본 인코딩으로 UTF-8을 설정하십시오.)

 

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

브라우저로 방금 만든 화일을 열어보세요. 브라우저는 크롬브라우저를 권장합니다.