고정 헤더 영역
상세 컨텐츠
본문
반응형
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을 더블클릭하여 실행하세요.
브라우저에 아래와 같은 화면이 보인다면 성공입니다.
반응형
'JavaScript & HTML > HTML' 카테고리의 다른 글
| HTML Headings (제목) (0) | 2018.03.30 |
|---|---|
| HTML Attributes (속성) (0) | 2018.03.27 |
| HTML Elements (요소) (0) | 2018.01.03 |
| HTML 기본 예제 (0) | 2017.12.20 |
| HTML 이란? (1) | 2017.12.07 |
댓글 영역