2024.09.25 (수)

  • 맑음동두천 19.9℃
  • 맑음강릉 20.8℃
  • 맑음서울 21.2℃
  • 구름조금대전 21.9℃
  • 흐림대구 19.0℃
  • 구름많음울산 21.0℃
  • 구름많음광주 22.5℃
  • 구름많음부산 23.1℃
  • 구름많음고창 22.6℃
  • 구름조금제주 25.8℃
  • 맑음강화 19.7℃
  • 구름조금보은 19.7℃
  • 구름많음금산 20.0℃
  • 구름조금강진군 23.7℃
  • 구름많음경주시 ℃
  • 구름많음거제 21.5℃
기상청 제공
기사검색

<인터넷 파고들기>
홈페이지 제작하기(上) - HTML 문서 작성방법 등
박희찬(대전시치과의사회 정보통신위원)


박희찬 (E-mail : ddegree@hanmir.com) 대전시치과의사회 정보통신위원
HTML문서가 무엇인지 궁금하지 않으세요? 우선 이러한 원고를 기고할 수 있도록 배려해주신 여러 관계자들께 감사드리는 것으로 이 글을 시작할까 합니다. 홈페이지를 만들까 하고 생각은 했지만, 어디서부터 시작해야 할지, 어떤 것을 준비해야 할지 모르는 까닭에 그저 막막하고 어렵기만 하다구요? 어쩌면 초보자로서 그것은 당연한 일인지도 모르겠습니다. 일단 한번만 익히고 나면 너무나도 쉬운 일들이 처음에는 그저 막막하게만 다가 올 수가 있거든요. 그렇다고 포기하시면 안되는 것 아시죠? 이제 걱정하지 마세요!! 필자도 역시 홈페이지나 웹 문서라는 이야기를 들으면 전혀 아는 바가 없어 머리부터 아프던 시절이 있었습니다. 그런데 어느 날, 당시는 초고속망도 없어 모뎀을 이용하던 시절이었는데, 어떻게든 성인물을 한 장이라도 더 보기 위한 일념으로 이곳 저곳 웹사이트를 뒤지는 것이 거의 하루 일과(?)였었고 그러던 중 아마 마우스 버튼을 잘못 눌렀나 본데 이상한 문서가 가끔 뜨는 것이었고, 처음에는 이런 문서가 뜨는 것이 몹시 짜증나기도 했었으나, 어느 날은 도대체 그 문서가 무엇인가 궁금증이 발동하였습니다. 그래 그 문서를 천천히 읽어보면서 어떻게든 그 의미를 찾아보려고 노력했었는데 그것이 바로 필자가 웹 프로그래밍에 눈을 뜨는 시점이었죠. 그 마우스 버튼은 익스플로러에서 마우스 오른쪽 버튼을 클릭했을 때 나오는 메뉴 중 ‘소스보기’라는 항목이었고, 이 글을 읽는 독자 분들도 직접 해보기를 권해 드립니다. 아마도 메모장이 열리면서 이상한 암호 같은 글이 나타날 것입니다. 즉 우리가 흔히 인터넷에 접속하여 익스플로러 상에서 보는 것은 일명 ‘html 문서’ 라는 것이고, 이렇게 깔끔하게 익스플로러 상에서 보여주기 위해서는 이를 코딩하는 소스가 있어서 이렇게 나타나도록 지정을 하여 주어야 합니다. 자 그렇다면 당연히 ‘html 문서’로 구성되어지는 홈페이지를 만들기 위해서는 이를 코딩하는 소스를 자유자재로 구사할 수 있어야 할 것이며, 이제부터 본론으로 들어가 볼까 합니다. 그렇다고 너무 골치 아프게 생각하지 마시기를...
1 HTML 문서 작성하기 웹 페이지 문서는 .html 또는 .htm이라는 파일 확장자 명을 가지기 때문에 ‘HTML 문서’라고 불립니다. HTML은 Hyper Text Mark-up Language를 나타냅니다. 즉 일종의 프로그래밍 언어입니다. 자 그럼 시작해 볼까요? 우선, 멋진 HTML 에디터(나모 웹 에디터 등)를 가지고 계신다면 당분간 .... 잊어버립시다. 웹 문서를 배우는데 있어 가장 좋지 못한 방법이 이런 것을 사용하는 것입니다. (개중에는 도움이 될만한 것들도 있지만, 일단 기초가 튼튼해야 도움이 될 수 있습니다. 그러니 지금은 걱정을 접어둡시다.) HTML을 배우는 가장 좋은 방법은 무엇일까요?? 우선 여기서 제가 드리는 대답은 윈도우 프로그램인 메모장(Notepad)입니다. 메모장이 싫으시면 각종 워드 프로세서 프로그램 중 어느 것을 사용하셔도 상관은 없습니다. 메모장(Notepad) 하나면 다른 복잡한 웹 문서 편집기는 잊어버리셔도 됩니다. 오히려 나중에는 이것이 훨씬 더 쉬운 방법임을 절감하시게 될 것입니다. 또 한가지 필요한 도구는 웹 페이지를 볼 수 있는 브라우저(browser)입니다. 넷스케이프를 사용하든, 익스플로러를 사용하든 아무런 상관이 없습니다. 그러나 아무래도 요즘에는 익스플로러가 대세인 듯 하군요. 자 그럼 먼저 본인들의 PC상에서 메모장을 열어보죠, 아하! 메모장이 어디 있는지 모르신다구요, 너무 자존심 상하지 마시고 제가 하자는 데로 해보죠. 모니터 왼쪽아래 ‘시작’ 버튼에서 프로그램, 다시 보조프로그램으로 가면 메모장(notepad) 보이시죠? 열어보세요. 메모장에 다음과 같이 적어보죠, 아직 무슨 의미인지 몰라도 그대로 제가 하자는 대로 적어보세요! <html> <head> <title>치의신보 만세</title> </head> <body bgcolor=“pink” text=“black”> <p>홈페이지 만들기</p> <p><a href=“http://www.kda.or.kr”>대한 치과의사협회 홈페이지로 가기</a></p> </body> </html> 무슨 암호같은 것을 적었죠? 틀림없이 그대로 적으셨으면 메모장의 파일메뉴 중 다른이름으로 저장을 클릭하셔서 저장이름을 ‘홈페이지 배우기1.html’로 저장하세요. (물론 어느 디렉토리인지 잘 기억하시고요.)