HTML, CSS, JS 주석

2020. 12. 19. 12:28· Front-End/html
목차
  1. HTML 주석
  2. CSS 주석
  3. JS 주석
반응형
SMALL

HTML 주석


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>comment.html</title>
</head>
<body>

<!-- html 영역에서의 주석입니다. 
주석은 웹브라우저가 해석하지 않고 무시 합니다.-->
<p>어쩌구...</p>
<p>저쩌구...</p>

</body>
</html>

HTML 영역에서 의 주석은 <!-- --> 이렇게 사용

 

 

CSS 주석


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>comment.html</title>
	<style>
		/* 
		css 영역에서의 주석입니다.
		여기에 작성한 문자열도 역시 웹브라우저가 해석하지 않습니다.
		*/
		p{ color: red; }
	</style>

</head>
<body>

<!-- html 영역에서의 주석입니다. 
주석은 웹브라우저가 해석하지 않고 무시 합니다.-->
<p>paragraph (단락) 입니다.</p>
<p>어쩌구...</p>
<p>저쩌구...</p>

</body>
</html>

CSS 영역에서의 주석은 /*  */ 이렇게 사용

 

 

JS 주석


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Step02_comment.html</title>
	<style>
		/* 
		css 영역에서의 주석입니다.
		여기에 작성한 문자열도 역시 웹브라우저가 해석하지 않습니다.
		*/
		p{ color: red; }
	</style>
	<script>
		// javascript 영역에서의 한줄 주석입니다.
		alert("안녕하세요!"); // 여기도 한줄주석
		/*
			javascript 영역에서의 여러줄 주석입니다.
			하나
			둘
			셋
			...
			여기에 작성한 문자열도 역시 웹브라우저가 해석하지 않습니다.
		*/
	</script>
</head>
<body>

<!-- html 영역에서의 주석입니다. 
주석은 웹브라우저가 해석하지 않고 무시 합니다.-->
<p>paragraph (단락) 입니다.</p>
<p>어쩌구...</p>
<p>저쩌구...</p>

</body>
</html>

JS 영역에서의 주석은

 

한줄일 경우 -> // 

여러줄일 경우 -> /* */

반응형

'Front-End > html' 카테고리의 다른 글

html button 태그  (2) 2020.12.19
HTML 목록만들 때 사용 하는 태그 ul, ol  (0) 2020.12.19
HTML 글자 크기  (0) 2020.12.19
HTML - Img 태그  (0) 2020.12.19
Html Basic  (0) 2017.08.31
  1. HTML 주석
  2. CSS 주석
  3. JS 주석
'Front-End/html' 카테고리의 다른 글
  • HTML 목록만들 때 사용 하는 태그 ul, ol
  • HTML 글자 크기
  • HTML - Img 태그
  • Html Basic
- 광속거북이 -
- 광속거북이 -
IT관련 일하면서 공부 및 일상 에 관한 내용들을 기록하기 위한 블로그 입니다.
누리IT관련 일하면서 공부 및 일상 에 관한 내용들을 기록하기 위한 블로그 입니다.
- 광속거북이 -
누리
- 광속거북이 -
전체
오늘
어제
  • 카테고리 (452)
    • 구글문서 (4)
    • 설치방법들 (3)
    • FrameWork (73)
      • Django (6)
      • Python (32)
      • AngularJS (13)
      • spring (21)
    • Programing (61)
      • JAVA (11)
      • etc... (2)
      • 오류 해결 (29)
      • Algorithm (5)
    • Front-End (25)
      • CSS (3)
      • html (6)
      • javascript (10)
      • vueJS (5)
    • Back-End (35)
      • 리눅스 (12)
      • PostgreSQL (14)
      • MySQL (2)
      • Shell (1)
      • docker (1)
      • GIT (1)
    • Util (9)
      • BIRT (2)
      • JMeter (3)
      • MobaXterm Personal (1)
      • ClipReport (2)
    • 이클립스 설정 (10)
      • SVN (1)
    • 업무중 기록해둘 것들... (1)
    • 영화 (8)
    • etc.. (198)
      • 여행 (25)
      • 문화생활 (3)
      • tistory (3)
      • 글, 생각 (4)
      • 먹을 곳 (29)
      • issue (4)
      • 결혼 (1)
      • 가족여행기록 (1)
      • Tip (51)
      • 강아지 (5)
      • 일기 (0)
      • 게임 (3)
      • 주식 (7)
      • 코로나19 (7)
      • 맥북 (5)
    • 비공개 (0)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • 리눅스
  • 카페
  • IntelliJ
  • 설치
  • VSCode
  • Java
  • 백준
  • PostgreSQL
  • 인텔리제이
  • 합정
  • 삼성증권
  • 설정
  • 맛집
  • tomcat
  • 포켓몬고
  • 이클립스
  • 연천
  • 제주도
  • 해지
  • 윈도우10

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.1
- 광속거북이 -
HTML, CSS, JS 주석
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.