HTML 튜토리얼

HTML 홈 HTML 소개 HTML 편집기 HTML 기본 HTML 요소 HTML 속성 HTML 제목 HTML 단락 HTML 스타일 HTML 서식 HTML 인용문 HTML 주석 HTML 색상 HTML CSS HTML 링크 HTML 이미지 HTML 파비콘 HTML 테이블 HTML 목록 HTML 블록 및 인라인 HTML 클래스 HTML ID HTML 아이프레임 HTML 자바스크립트 HTML 파일 경로 HTML 헤드 HTML 레이아웃 반응형 HTML HTML 컴퓨터 코드 HTML 의미론 HTML 스타일 가이드 HTML 엔티티 HTML 기호 HTML 이모티콘 HTML 문자 집합 HTML URL 인코딩 HTML 대 XHTML

HTML 양식

HTML 양식 HTML 양식 속성 HTML 양식 요소 HTML 입력 유형 HTML 입력 속성 HTML 입력 양식 속성

HTML 그래픽

HTML 캔버스 HTML SVG

HTML 미디어

HTML 미디어 HTML 비디오 HTML 오디오 HTML 플러그인 HTML 유튜브

HTML API

HTML 지리적 위치 HTML 드래그/드롭 HTML 웹 스토리지 HTML 웹 작업자 HTML SSE

HTML 예제

HTML 예제 HTML 퀴즈 HTML 연습 HTML 인증서 HTML 요약 HTML 접근성

HTML 참조

HTML 태그 목록 HTML 속성 HTML 전역 속성 HTML 브라우저 지원 HTML 이벤트 HTML 색상 HTML 캔버스 HTML 오디오/비디오 HTML 문서 유형 HTML 문자 집합 HTML URL 인코딩 HTML 언어 코드 HTTP 메시지 HTTP 메소드 PX에서 EM으로 변환기 키보드 단축키

HTML 주석


HTML 주석은 브라우저에 표시되지 않지만 HTML 소스 코드를 문서화하는 데 도움이 될 수 있습니다.


HTML 주석 태그

다음 구문을 사용하여 HTML 소스에 주석을 추가할 수 있습니다.

<!-- Write your comments here -->

시작 태그에는 느낌표(!)가 있지만 끝 태그에는 없습니다.

참고: 주석은 브라우저에 표시되지 않지만 HTML 소스 코드를 문서화하는 데 도움이 될 수 있습니다.


댓글 추가

주석을 사용하여 HTML 코드에 알림 및 미리 알림을 배치할 수 있습니다.

예시

<!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->

콘텐츠 숨기기

댓글을 사용하여 콘텐츠를 숨길 수 있습니다.

콘텐츠를 일시적으로 숨길 경우 도움이 될 수 있습니다.

예시

<p>This is a paragraph.</p>

<!-- <p>This is another paragraph </p> -->

<p>This is a paragraph too.</p>

둘 이상의 행을 숨길 수도 있습니다. <!--와 사이의 모든 --> 항목은 디스플레이에서 숨겨집니다.

예시

HTML 코드 섹션 숨기기:

<p>This is a paragraph.</p>
<!--
<p>Look at this cool image:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>This is a paragraph too.</p>

주석은 HTML 디버깅에도 유용합니다. 한 번에 하나씩 HTML 코드 행을 주석 처리하여 오류를 검색할 수 있기 때문입니다.


인라인 콘텐츠 숨기기

주석을 사용하여 HTML 코드 중간에 부분을 숨길 수 있습니다.

예시

단락의 일부 숨기기:

<p>This <!-- great text --> is a paragraph.</p>

HTML 연습

연습으로 자신을 테스트하십시오

연습:

HTML 주석 태그를 사용하여 "이것은 주석입니다" 텍스트에서 주석을 작성하십시오.

<h1>제목입니다</h1>
댓글입니다
<p>이것은 단락입니다.</p>