JavaScript & HTML/HTML

HTML 작성방법 (편집기)

husks 2017. 12. 7. 12:02
반응형


HTML 작성방법 (편집기)



HTML을 작성하는 방법에 대해 알려 드리겠습니다.


Windows 기준으로 메모장에 작성하는 방법이 있습니다.


또는 notepad++ 같은 문서 편집기로 작성 하시면 됩니다.


이외에도 여러가지 방법으로 작성 가능합니다.



작성 예제



- 메모장 작성


시작 > 프로그램 및 파일 검색 창에 notepad로 검색하고 notepad.exe를 실행 하세요.




메모장에 아래 소스를 복사해 붙여 넣으세요.


1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>Test</title>
  </head>
  <body>
    테스트 화면입니다.
  </body>
</html>


그리고 메모장에서 파일 > 다른 이름으로 저장(A)... 를 눌러 파일이름을 test.html, 파일 형식을 모든파일(*,*) 로 저장하세요.




notepad++ 작성


https://notepad-plus-plus.org/download 에서 notepad++ 을 다운받아 설치하세요.


notepad++를 실행 시키고 메모장에 기록한 소스를 그대로 적으세요.


그후에 파일 > 다른 이름으로 저장(A)... 를 눌러 파일이름을 test.html, 파일 형식을 모든파일(*,*) 로 저장하세요.





실행



저장된 곳의 test.html을 더블클릭하여 실행하세요.


브라우저에 아래와 같은 화면이 보인다면 성공입니다.




반응형