HTML Workflow

Preview

To view this and the other 250+ tutorials on Simple Dev, sign up for a 10-day free trial.

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. In VS Code, right click on the file in the Explorer and select Copy Path. In Atom, right click on the file and select Copy Full 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.

References

Getting started with HTML on MDN

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