index
주석 사용 방법
더보기
// 주석 단축키 : ctrl + / (자바스크립트 주석)
alert("안녕하세요");
01_index
링크 CSS 경로 연결하기
주석 및 단축키 사용
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<!-- css 파일 링크 -->
<link rel="stylesheet" href="./index.css"
</head>
<body>
<!-- 주석 단축키 : ctrl + /(슬래쉬) -->
<!-- HTML : 마크업 언어, 여는 태그 + 닫는 태그로 이루어져 있음 -->
<!-- html 템플릿 만들기 : ! + (탭키) -->
<!-- 저장 : ctrl + s -->
<!-- 실행취소 : ctrl + z -->
<!-- H1, H2 여는 태그 + 닫는 태그 작성됨(자동완성) -->
<h1>hello word</h1>
<!-- js 파일 링크 -->
<script src="./js/index.js"></script>
</body>
</html>
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<!-- css 파일 링크 -->
<link rel="stylesheet" href="./css/index.css"
</head>
<body>
<!-- 주석 단축키 : ctrl + /(슬래쉬) -->
<!-- HTML : 마크업 언어, 여는 태그 + 닫는 태그로 이루어져 있음 -->
<!-- html 템플릿 만들기 : ! + (탭키) -->
<!-- 저장 : ctrl + s -->
<!-- 실행취소 : ctrl + z -->
<!-- H1, H2 여는 태그 + 닫는 태그 작성됨(자동완성) -->
<h1>hello worid</h1>
<!-- js 파일 링크 -->
<script src="./js/index.js"></script>
</body>
</html>
02_index
더보기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- style : css 문법을 사용하는 태그 -->
<style>
/* css 주석 : ctrl +/ */
/* h1태그선택자 {속성 : 값} */
h1 {
color: white;
background: black;
}
</style>
</head
><body>
<h1>hello world</h1>
<!-- js 링크 -->
<!-- ./ : 현재 경로(폴더) -->
<!-- ..? : 부모경로(폴더) -->
</body>
</html>
'Visual Studio Code' 카테고리의 다른 글
| [HTML&CSS] chapter_02 (0) | 2023.08.07 |
|---|---|
| [HTML&CSS] chapter_01 (0) | 2023.08.07 |
| [HTML] chapter_03 (0) | 2023.08.04 |
| [HTML] chapter_02 (0) | 2023.08.03 |
| [Visual Studio Code] 기능과 특징 (0) | 2023.08.02 |