본문 바로가기
카테고리 없음

html 주석 처리 방법총정리

by 일상카톡 2019. 12. 29.

저번시간 html 태그를 이용해서 이미지 삽입 방법과 기본적인 코드 넣는 방법에 대해서 알아봤다면 오늘은 html 주석 처리방법에 대해서 알아보려 하는데요 물론 매우 간단한 내용이라서 그때그때 확인하셔서 익히다보면 자연스레 익실 수 있는 태그중 하나입니다 물론 html과 css , PHP 등 주석 입력이 다르다보니 헷갈려 하시는 분들도 있는데요 그래서 쉽게 확인할 수 있도록 정리 하였으니 관심있으신 분들은 참고해보시면 좋을것 같네요 ㅎㅎ

 

 

 

 

물론 홈페이지를 제작 하시거나 블로그를 꾸미시는 분들은 html 주석 처리 방법을 알고계셔야 어떤 기능인지 표시해 놓기 쉽겠죠 물론 주석을 입력해놓는다고 해서 실제 사이트에 표시되는 것은 아니고 html 코드상으로만 주황색 글씨로 표시되게 됩니다! 또 당장 사용하지 않지만 언젠가 필요할것을 대비해서 잠시 숨겨놓는 역할도 하는데요 어떻게 사용해야 하는지 아래 설명들을 쭉 읽어보시고 나에게 맞는 태그를 알아가시길 바랍니다~

 

 

 

 

가장 먼저 많은 분들이 물어보시고 궁금해 하시던 바로 html 주석 처리 방법입니다 예시를 하나 보시면서 하나씩 확인해 보도록 하겠습니다 제가 전시간에 알려드린 JS bin 이라는 웹 편집툴을 통해 표시해보겠습니다 위 그림과 같이 html 에서 body안에 글씨를 쓸때는 그대로 보여지게 되는것을 확인 할 수 있는데요 물론 html 상에서 줄바꿈을 한다고 해도 실제 텍스트 상으로는 그대로 보여지게 됩니다 줄바꿈을 하시려면 <br> 태그를 입력해주셔야 합니다!

 

 

 

 

이제 주석처리 태그 <!-- --> 를 이용해서 원하는 문자를 숨길 수 있습니다 너무 간단하지 않나요? ㅎㅎ 위 그림에서 보시는 것과 같이 해당 문자가 안보이는것을 알 수 있습니다 물론 <!-- 태그를 입력하고 반드시 마무리로 --> 를 다시 입력해주시지 않으면 전체 코드가 주석처리 될 수 있으니 반드시 입력해주셔야 하겠죠 ㅎㅎ

 

 

 

자 이번에는 css 주석 처리 방법을 알아보도록 하겠습니다 물론 이 부분은 html 코드와 다른 부분이 많이 있는데요 비슷한것 같으면서도 다르게 적용해야 하는 코드가 있어서 다른 기능들에 대해서도 제 블로그 내용을 참고해보시면 도움이 많이 되실것 같습니다^^

 

 

 

css 스타일 편집 시 html 과는 다르게 /* 주석처리 내용 */ 을 통해서 문자 코드를 숨겨 주실 수 있습니다 여기서 중요한 점은 / 표시와 * 문자 사이에 공백이 없어야 하고 스타일 편집 기능이기 때문에 텍스트 상에서는 보여지지가 않는다는점도 알아두시길 바랍니다^^

 

 

그밖의 알아두면 좋은 태그들이 있는데요 밑에 있는 내용들은 참고해주시면 좋을것 같습니다~

 

[알아두면 좋은 태그 모음]

 

1. <h1> </h1> : 제목이나 큰 글자를 입력할때 사용됩니다 h1 뿐만 아니라 h6까지 있으니 원하는 태그를 이용할 수 있습니다  

 

2. <font> </font> : 글자의 크기 또는 색깔, 위치, 등을 직접 지정해줄 수 있습니다 사이즈는 1~7까지 지정해줄 수 있습니다

 

예시) <font size="7 align="center" color="blue">내용입력</font>

 

3. <textarea> </textarea> : 글씨를 입력할 수 있는 창을 생성합니다 rols 또는 cols를 이용해서 출력 창 크기를 조절할 수 있습니다 또 resize= none 을 추가하면 창조절 기능을 없앨 수 있습니다

예시) <textarea style ="resize :none;">내용입력</textarea>

 

4. <pre> </pre> : 글자 그대로 모두 보여줍니다

 

이상으로 html 주석 처리 방법에 대해서 자세하게 정리해봤는데요 특히 초보자 분들은 모르는 코드가 많을 수 있겠습니다 다른 html 코드에 대해서 알고 싶은신 분들은 전에 했던 포스팅도 참고해보시면 도움이 되실것 같습니다^^ 그럼 오늘도 좋은 정보 되었길 바라면서 인사드리도록 하겠습니다!

댓글