Skip to content

Help us create more tutorials! Make a donation using the Donate button or become a member using the button below to hide this banner and track your progress.

HTML Workflow

Details

To start writing HTML code, all you need is your text editor and a browser.

If you have an HTML file open in your text editor, here’s a basic workflow you can follow:

  1. Open the file in your browser so you can see the output. There are a few ways of doing this. The easiest way to do this in VS Code is to right click on the file in the Explorer and select Copy Path. Then paste the path in your browser’s address bar and press Enter.
  2. Add some HTML code to the file in your text editor.
  3. Save the file.
  4. Refresh the browser to see the latest changes.
  5. Repeat steps 2 through 4 until you are done with your project.

Steps 3 and 4 are important. By default, the browser will not refresh for you as you write HTML code, so make sure you save the file first and then refresh the browser to see the latest changes. However, there are tools you can use to automatically refresh the browser after saving your file.

Exercises

First, try opening the index.html file in your browser. Then try modifying the text (look for the comment for a hint), saving the file, and refreshing your browser.

References

Getting started with HTML on MDN

Lesson tags: Open Lesson
Back to: HTML Course > HTML Introduction