728x90
반응형
*HTML은 특정 프로그램을 사용하지 않고 PC에 기본 설치되어있는 Text editor program(메모장)을 활용해서 쉽게 만들고 편집할 수도 있다.
Step1: 새 메모장을 연다
Step2: 아래 샘플의 HTML 코드를 적어준다
(그냥 태그없이 아무 문장 하나를 적어도 상관없다)
Step3: 파일형식을 모든 파일로 바꾸고 [파일명] 뒤에 .html(혹은 .htm) 확장자를 쓴 뒤 다른 이름으로 저장한다
이때 인코딩 값이 UTF-8로 되어있는지 확인하자
그래야 HTML 파일로 저장이 된다
#Source
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
#Result
저장한 파일을 실행해 보면 메모장이 아닌
웹 브라우저에서 열리는 것을 확인할 수 있는데
비주얼 스튜디오에서 같은 코드를 적어도 동일한 결과가 나올 것이다
에디터를 사용하면 특정 프로그램을 깔지 않아도
바로 열어서 코드를 확인하거나 수정할 수 있지만,
아무래도 백지에서 도움(자동완성/오류 알림 등)없이 작성하는거니 어려움을 느낄 수 있겠다
728x90
반응형
'Dev 개발 스터디 (동면 중) > Dev_HTML' 카테고리의 다른 글
| [HTML] Tutorial 05 - Elements(요소) (0) | 2021.06.05 |
|---|---|
| [HTML] Tutorial 04 - Basic2 (Body 요소-Images/Links) (0) | 2021.06.03 |
| [HTML] Tutorial 04 - Basic1 (DOCTYPE 선언, Body 요소-Headings, Paragraphs) (0) | 2021.06.03 |
| [HTML] Tutorial 02 - Introduction (0) | 2021.06.03 |
| [HTML] Tutorial 01 - Home (Title, Heading, Paragraph) (0) | 2021.06.02 |