HTML 기초, 주석 삽입하기와 HTML 문서 작성 도구 (두번째)

이 포스트는 Tistory 블로그를 하면서 자주 접하는 HTML에 대한 궁금증을 해소하기 위해

HTML 기초공부를 시작하고, 공부한 내용을 정리 목적으로 작성된 포스트입니다. ^^

 

HTML 기초, 주석 삽입하기

 

HTML 문서를 간단하게 작성할때는 태그의 양이 적어서 틀린부분을 수정할때 어려움이 없습니다.

하지만 홈페이지제작, 스킨제작을 한다는 가정하에 HTML 문서를 구성하는 태그들의 양은 거짓말 조금 보태면

어마어마해집니다. 가까운 예로 Tistory 스킨 수정 설정에 들어가면 알 수 있습니다. 

주석은 HTML 문서의 기술된 내용에 대한 설명을 해주는 부분을 말합니다. 

 

주석을 사용하면 해당 태그들의 시작과 끝을 알기쉽고, 제작하고 있는 홈페이지 / 스킨의 오류가 생기면

어디가 문제가 생겼는지 알기도 쉽습니다. 또 작성된 HTML 문서를 다른 사람이 사용하려고 한다면 주석이 없는것보다

주석이 있는게 상대방이 접근하기에는 더 좋겠죠? ^^

 

주석은 설명이기때문에 웹 브라우저는 인식할 수 없는 영역으로 생각해 주석태그로 둘러 쌓인 부분은 브라우저에 출력되지않습니다. 그리고 주석 태그는  '<!--' 로 시작해서 '-->'로 끝나야 됩니다. 예문) <!-- 문서의 시작 -->

주의할 점은 '<!--' 태그를 사용할 때 문자 사이에 공백이 있으면 안됩니다. 예문) <!- - 문서의 끝 -->

 

저도 이제 막 공부하고 있어서 주석을 꼭 사용하라고 단정짓지는 못하겠습니다.

그래도 자신이 작성하는 문서에 대한 설명을 간단명료하게 달아주면서 작성하시면 나중에 도움이 될거라 생각합니다.

 

 

문서내의 주석태그를 사용하는 예문입니당.

아래 사진을 보시면 주석문은 표시가 안되는게 보이시죠?

이런식으로 자신이 원하는 주석을 달아주고 사용하시면 최고최고~

 

★ HTML 문서를 만드는 도구

 

HTML 문서는 윈도우가 기본적으로 제공하는 메모장으로 작성할 수 있습니다.

하지만 메모장으로만 작성하는데는 한계가 있습니다. 그래서 HTML 문서를 작성하는데 도움을 주는 "드림위버" , "나모웹에디터" 등의 프로그램이 있습니다. HTML 문서를 만드는 도구는 2가지로 나눠집니다.

 

소스 위주의 웹 에디터와 편집 위주의 웹 에디터입니다.

메모장이 소스 위주의 웹 에디터고, 나모, 드림위버는 편집 위주의 웹 에디터 입니다.