728x90
반응형
First is first , Let's download "Visual Studio code" first.
https://code.visualstudio.com/download
Download Visual Studio Code - Mac, Linux, Windows
Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.
code.visualstudio.com
make the folder and file. [HTML & CSS]
make the 'index.html' file in HTML folder
type 'html:5' +ctrl+ space or '!'+ctrl+space
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body></body>
</html>
change title first "Hello World"
<title>Hello World</title>
</head>
<h1>Hello World</h1>
<body>
<h2>Hello Everyone</h2>
<h3>This is my first web page.</h3>
</body>
save your file (ctrl+S)
copy path (shift+Alt+C) and paste (ctrl+v) on web browser url
or you can just drag your file to new browser directly.
now you can see your index file on the web page.
728x90
반응형
'Hello World > Frontend Study' 카테고리의 다른 글
| JavaScript - javascript basic 자바스크립트 node.js 라이브러리 다운로드. [개발스터디 기몬] (0) | 2023.05.04 |
|---|---|
| JavaScript - javascript basic memo [개발스터디 기몬] (0) | 2023.05.04 |
| CSS - CSS 기초 이론 정리 [개발스터디 기몬] (0) | 2023.04.24 |
| HTML 기초 [개발스터디 기몬] (0) | 2023.04.19 |
| 프론트엔드 HTML / CSS 기초 공부하는 것들 코드 내용 (0) | 2022.07.19 |
댓글