문서의 임의 삭제는 제재 대상으로, 문서를 삭제하려면 삭제 토론을 진행해야 합니다. 문서 보기문서 삭제토론 HTML (문단 편집) == HTML 문서 저장 방법 == HTML 문서를 작성한 후 메모장에서 저장할 시, '''다른 이름으로 저장'''을 선택한 뒤, 파일 형식을 '모든 파일 (*.*)'로 지정하고 파일명 끝에 .html이나 .htm을 추가하면 HTML 문서가 된다. 이렇게 하지 않으면 그냥 --뭔가 내용이 다 깨진-- 메모장으로 열린다. .html로 바꾸고 난 이후에 수정하고 싶다면, .html 확장자 파일을 오른쪽 클릭 후, 연결 프로그램을 선택하고 Notepad(메모장)을 선택하거나, .html 파일을 메모장에 끌어다 놓기 해주자. 다시 확장자를 .txt로 바꿔도 된다. 참고로 윈도우즈의 메모장으로 HTML 문서를 편집하면, 각 줄마다 CRLF가 달라붙어서 문제가 되기도 한다. 웬만하면 [[Visual Studio Code|VS Code]]나 [[vim]], Notepad++ 같은 에디터로 편집하도록 하자. 맥이라면 [[Xcode]]를 쓰면 된다.[* HTML 문서의 경우 웹 브라우저가 해석하니 별 문제가 없긴 하지만 CGI 프로그램의 경우 LF(Line Feed)가 아닌 CRLF(Carriage return & Line Feed)가 붙으면 인터프리터의 주소를 찾지 못하는 문제가 생긴다. CGI 프로그램이 돌아가는 환경이 유닉스나 리눅스가 대부분이기 때문이다. 윈도우 환경에서 돌아가는 CGI라면 해당없다.][* [[FTP]]를 이용해서 올릴 때 ASCII 모드로 올리면 저장될 때 자동으로 서버의 OS 환경으로 맞춰준다.] 이런 에디터의 경우 HTML이나 서버 사이드 스크립트 코딩에 최적화되어 있기 때문에 구문에 따라 색상 구분도 되는 등 여러 가지 장점이 있다. HTML 파일 형식의 확장자는 .html이며, '.htm'이라고도 쓸 수 있다. 이는 도스 시절 확장자가 3글자로 제한되었기 때문이다. 윈도우즈 95로 넘어오면서 이 제한이 없어져서 지금은 거의 .html로 쓰는 편이다. 또한 HTML의 인코딩은 현재 거의 UTF-8로 통일되었다.[* 단, 브라우저가 자동으로 UTF-8로 인식하는 것은 아니고 {{{}}} 태그 안에 {{{}}}을 넣어야 한다.] 정말 오래된 사이트는 EUC-KR을 사용한다. 참고로 일본 쪽의 오래된 사이트는 SHIFT-JIS 가 가장 보편적이고 EUC-JP도 간간이 보인다. 두 나라 모두 최신 사이트는 모두 UTF-8 사용. 작성하는 방식은 크게 [[텍스트 에디터]]를 이용해 직접 코드를 편집하는 방법과 [[WYSIWYG]] 편집기를 사용하는 방법이 있다. WYSIWYG 방식은 [[드림위버]]와 [[나모 웹에디터]]가 지원하는데 현재는 WYSIWYG 방식은 거의 온라인 에디터로 대체되었으며, 본격적인 웹 개발에는 사용하지 않는다. 구조화된 HTML을 강조하는 [[HTML5]]와는 영 심각하게 궁합이 안 맞기 때문이다. 심지어 멀쩡히 손코딩(?)으로 작성한 HTML 문서를 이들 위지윅 에디터에서 열면 자기 맘대로 소스 코드를 조작하고 임의의 메타데이터를 삽입하거나 태그를 추가하는 등의 뻘짓(!)을 해서 코드를 망가뜨려 놓기도 한다. 특히 XHR을 통해 동적인 기능을 수행하는 홈페이지는 이들 위지윅 에디터로 '''열어보기만''' 해도 해당 동적인 기능들이 일제히 망가져서 복구 불가능한 피해를 입을 수 있다. 정적인 기능조차 [[CSS]] 적용에 문제가 생겨 레이아웃이 뒤틀려버릴 수 있다. 사실 [[PHP]]만 사용하려 해도 이들 위지윅 에디터는 전혀 쓸 수가 없고 모든 코드를 텍스트 에디터로 작성해 넣어야 한다. 이 문제 때문에 [[나모 웹에디터]]는 망했고, [[드림위버]]는 소스 코드를 직접 입력하는 텍스트 에디터에 더 중점을 두고 [[JavaScript]], [[PHP]] 등 웹에서 쓰는 여러 프로그래밍 언어를 지원하는 일종의 웹 IDE로 전환했다. 제로보드 스킨 등을 만들거나 혹은 기타 다른 홈페이지용 게시판을 자신의 홈페이지에 맞게 만들기 위해서 필요한 PHP나 CGI 파일의 이미지 수정을 위해서는 VSCODE 등의 텍스트에디터로 HTML을 구성하는 능력이 필요하다. 참고로, .txt 확장자 파일도 웹 브라우저에서 파일 → 열기를 해서 웹 브라우저 안에 내용을 띄울 수 있다. 하지만 txt 파일의 특성상 태그는 적용되지 않으니 주의. 마지막으로, 이렇게 저장한 .html 파일을 더블클릭해서 실행할 경우 HTML 파일 내부에서 다른 외부 리소스들을 불러오는 데 제약이 가해진다. 사실상 HTML 파일 하나만 로딩되는 수준인데 이는 브라우저의 보안 모델이 로컬 컴퓨터의 리소스(파일)를 읽지 못하게 제약을 걸었기 때문으로, 이 문제를 피하려면 웹 서버를 실행해서 http://localhost 또는 http://127.0.0.1 로 접근해야 한다. 그냥 더블클릭했을 때의 URL은 file:// 로 시작하는 걸로 구분할 수 있다. 간단한 페이지를 만든다면 로컬 웹 서버를 실행하는 것보다는 월 500~1000원 정도의 싼 가격의 웹호스팅이나 무료 웹호스팅[* 계정이나 트래픽 용량이 보통 100~200메가, 많아봤자 500MB 수준으로 낮아서 실사용이 어려운 경우가 대부분인데 테스트용으로는 무료도 상당히 쓸만하다.] 계정을 개설한 뒤에 FTP를 통해 이용하는 방법이 더 간단하므로 이 편을 추천한다. 웹 서버는 설정 과정이 필요한데 초보자들에게는 설정 파일을 직접 편집해야 하는 등 간단하지 않은데, 웹호스팅은 이 설정 과정을 업체에서 해 준다.저장 버튼을 클릭하면 당신이 기여한 내용을 CC-BY-NC-SA 2.0 KR으로 배포하고,기여한 문서에 대한 하이퍼링크나 URL을 이용하여 저작자 표시를 하는 것으로 충분하다는 데 동의하는 것입니다.이 동의는 철회할 수 없습니다.캡챠저장미리보기