오늘 HTML 이야기는 메모장으로 HTML 문서를 만드는 법과 더불어 이를 수정하는 방법에 대한 이야기를 해 볼까합니다.
어제 기본 태그인 body, head, title 태그에 대해 알아봤었는데요.. 사실, 금일 포스트를 더 먼저 발행했어야 했는데 순서가 바뀌었네요.. 본격적인 태그를 알아보기 앞서.. 기본적으로 HTML 문서 만들기 방법에 대해 알아야 하는 것인데 말이죠.. -_-
아무튼..
HTML 문서는 별다른 보조도구 없이도 메모장 만으로도 충분히 만들 수 있습니다.
지금은 여러가지 보조 프로그램들이 많이 있기는 하지만, 그 기본은 아무것도 없어도 만들 수 있는 것이죠.. 또한, 태그를 좀더 완벽하게 익히기 위해서는 그러한 보조 프로그램 등을 사용하는 것 보다는 이렇게 아예 하나하나 코딩을 해야 하는 메모장을 활용하는게 배움.. 그 자체를 위해서 좀더 바람직한 면이 있습니다.
구체적으로 메모장 HTML 문서 만들기에 대해 알아보자면..
메모장을 열어 내용을 입력합니다. 아래의 예시는 어제 기본 태그를 설명하면서 입력한 것이어서 태그들이 존재를 하지만.. 꼭 태그가 있어야만 HTML 문서 만들기를 할 수 있는 것은 아닙니다. 태그를 모르신다면 그냥 아무 글자나 원하는 글을 쓰시면 되겠습니다.
1. 다음, 상단의 파일.
2. 다른 이름으로 저장.
1. 이제 원하는 저장위치에 확장자를 htm 또는 html로 바꾸신 다음.
2. 저장 버튼을 클릭하시면 되겠습니다.
그럼, HTML 문서가 만들어 졌습니다. 제 PC의 기본 웹 브라우저가 크롬이어서 웹 페이지 파일의 모양이 크롬으로 나오는데요.. 기본 웹 브라우저가 익스플로러면 익스플로러로 나오고 엣지면 엣지로 나옵니다.
해당 파일을 클릭하면? 아래와 같이 내가 메모장으로 작성한 내용이 웹 페이지로 나오게 됩니다.
이를 수정할 때에는, 웹페이지와 메모장을 동시에 열어놓고 수정하시면 좀더 편리합니다.
1. 해당 HTML 문서 우클릭.
2. 연결 프로그램.
3. 메모장.
1. 추가 입력하거나 수정하려는 내용을 입력한 이후.
2. 해당 메모장을 저장 합니다. 단축키로 Ctrl + S 키를 활용하시면 좀더 편리합니다.
3. 다음, 해당 웹 페이지를 전면에 활성화 시키신 다음 새로고침(단축키 F5) 하시면 해당 변경 내용이 반영됩니다.
생각보다 어려운 것은 없죠?
문제(?)는 HTML 문서 만들기의 규칙이라고 할 수 있는 태그를 익혀서 이를 적용하는 것일 뿐이고.. HTML 문서 만들기는 메모장 만으로도 충분히 가능한 것입니다.
처음에 태그를 익혀 나갈 때에는 이렇게 메모장만 가지고도 충분하며 서두에서 이야기 했듯이.. 이러한 방식을 개인적으로 권합니다. 나중에 태그를 마스터 하고 CSS를 익히고 나면 그때가서 보조프로그램등을 활용하시면 되는 것입니다.
오늘은 메모장 HTML 문서 만들기와 수정방법에 대한 이야기를 해 봤는데요.. 문서 자체를 만드는 것은 어려울 것이 하나도 없다는 점! 강조드리면서 오늘 이야기.. 이만 줄일까 합니다.(__)
