How to build a webpage through vscode

Tip: After reading this article, you may have some basic understanding of building web pages


1. The first step is to download vscode

The steps are also very simple, just go directly to next.

Second, use steps

1. First create a new folder on a random disk in the computer

Insert picture description here
As shown in the figure, Insert picture description here
then double-click the place circled in red, after deleting all, enter cmd and
Insert picture description here
this will appear, directly enter code
Insert picture description here
Insert picture description here
in the command box and click in the place circled in yellow, and then create a new folder. The suffix of the web page is The suffix of html, css is css
Insert picture description here
and this web page will appear in the last folder

How to enter in a web page

1. vscode provides a very friendly way to
directly use shift+ in English!
Then the basic format of html will appear

<!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>
    
</body>
</html>
<body>
    
</body>

In the above frame, you can enter what you want to display on the webpage.
2. How to preview the webpage You can
directly use Alt+B to preview.
3. If you want to learn how to build a webpage, the rookie tutorial will be a good choice

to sum up

The above is a simple way to build a webpage. If you don’t understand or make mistakes, please leave a message and make progress together.

Guess you like

Origin blog.csdn.net/weixin_52300580/article/details/112554316