본문 바로가기
html

html, css, javascript 주석 처리 방법

by 지구별에 2014. 2. 26.
반응형

 

 

HTML, CSS, JAVASCRIPT 주석 삽입 방법

 

주석이란,  일종의 설명인데요, 나중에 태그를 수정하거나 다른 사람들이
이해하기 쉽도록 코드에 설명을 달아놓는 글입니다.

 

주석은 화면에 표시되지 않으며, 브라우저는 이 부분을 무시하거나, 실행하지 않습니다.

HTML과 CSS, 자바스크립트는 주석 처리 방법이 다릅니다.

 

 

 

html 주석

 

 

표기 방식 : <!--내용-->

 

내용란에 원하는 내용을 입력합니다.

 

예문

 

 

<html>
<head>
</head>

<!--여기서부터 본문입니다-->
<body>

</body>
</html>

 

 

 

 

 

 

 

 

 

JavaScript자바스크립트 주석

 

표기 방식 : 한 줄일 경우 //  로 시작함.
                한 줄 이상일 경우    /*내용*/

 
 
예문 (한 줄일 경우)

 

// 머릿말에 쓰기
document.getElementById("myH1").innerHTML="환영합니다";

 

 
예문 (한 줄 이상일 경우)

 

/*
밑에 코드는 머릿말과 문단에 쓸 것
홈페이지 시작에 표시됨
*/
document.getElementById("myH1").innerHTML="환영합니다";

 

 

 

 


css 주석


표기 방식 : /*내용 */

 

예문

 

/*문단의 글자색,글자 크기, 정렬을 지정함*/
p
{
color:black;
font-size:11px;
text-align:center;
}

 

 

 

 

 

  

table 태그, tr 태그, th 태그, td 태그와 table 속성 정리

 

 

반응형

댓글2

  • ☆.、 2016.03.19 15:46 신고

    주석처리에 대한 유익한 정보 잘 배우고 갑니다.
    답글

  • 류중근 2021.05.14 16:24 신고

    오! 첨엔 좋아요♥ 이모티콘이 안 보여서 여기에 댓글이라도 달아둔 뒤 가려고 했습니다.
    막 그러려는데 그것이 보이네요.
    허허….
    기분 좋습니다.

    그런데 왜 자꾸만 주석 처리하는 걸 까먹을까요?
    html에선 거작저작 알겠는데 자바스크립트나 스타일 시트에 들어오면 머리가 바보 멍텅구리로 하얗게 되는 거 있죠?

    어쩌면 제가 처음부터 바보 멍텅구리였는데 그런 순간에 제가 드디어 본디 본래의 모습으로 돌아온 건지도…. 흑흑

    답글