댓글 목록

HTML 편집기

페이지 정보

작성자 운영자 작성일 17-10-29 14:52 조회 1,751 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

동영상 강좌보기



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>


3단계 : HTML 페이지 저장

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

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

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


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

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



댓글목록 0

등록된 댓글이 없습니다.