View video tutorial

HTML VSCode

HTML

Write HTML program in Visual Studio Code.

Download and Install VS Code.


Download Visual Studio Code User Installer 64 bit and install downloaded file
VSCodeUserSetup-x64-1.66.2.exe

vs code install

Accept the agreement

vs code install

Click Next

vs code install

Click Install

vs code install

Click Finish

vs code install

Start Visual Studio Code Program. type code in the search box.

vs code install

Open an empty folder as a project.

vs code install

Create hello.html file in your project.

vs code install

Write the following code.

vs code install

Open hello.html file in a browser.

vs code install

Output looks like below.

vs code install

Congratulations! you successfully write html code in Visual Studio Code editor and run HTML in a browser.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

    <h1>HTML Hyperlink</h1>
    <a href="https://www.w3context.com">This is a link</a>
Try it Now »

Click on the "Try it Now" button to see how it works.


Example

<!DOCTYPE html>
<html>

<head>
  <title>HTML VSCode Example</title>
</head>

<body>
  <p>Coding with Visual Studio Code</p>
  <h1>Heading</h1>
  <p>Heading details... Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
    the industry's standard dummy text ever since the 1500s</p>
  <h2>Heading</h2>
  <p>Heading details... When an unknown printer took a galley of type and scrambled it to make a type specimen book. It
    has survived not only five centuries</p>
</body>

</html>
Try it Now »

Click on the "Try it Now" button to see how it works.