Skip to content

Commit

Permalink
Update run-a-website-locally-with-html.mdx
Browse files Browse the repository at this point in the history
  • Loading branch information
Dusch4593 committed Feb 1, 2024
1 parent 346d272 commit 0bd64de
Showing 1 changed file with 4 additions and 4 deletions.
Expand Up @@ -10,7 +10,7 @@ tags:
- beginner
- html
---

x
<BannerImage
link="https://raw.githubusercontent.com/codedex-io/projects/main/projects/run-a-website-locally-with-html/header.gif"
description="Title Image"
Expand Down Expand Up @@ -43,7 +43,7 @@ In web development, HTML ultimately rests underneath the websites we use. But ho

This tutorial shows a few ways to do just that!

Before reading on, make sure to create a new **index.html** file somewhere in your computer. And then feel free to place anything in `<body>` element so we can render it later.
Before reading on, make sure to create a new **index.html** file somewhere on your computer. And then feel free to place anything in the `<body>` element so we can render it later.

## Option A: Double-Click the File

Expand All @@ -55,7 +55,7 @@ This is how to access a file with Mac's Finder:

Simply double-click the **index.html** file and it should open on your default browser window. Boom, you got yourself a web page!

Remember, this web page is not on the internet; you can tell by looking at the file path in the browser.
Remember, this web page is not on the internet; you can tell by looking at the file path in the browser. It only lives on your computer.

Now you can pull this side-by-side. Everytime you make a change to your **index.html** file, just save the file and then refresh the browser window to render the updated web page.

Expand All @@ -66,7 +66,7 @@ Refreshing a web page: <kbd>command</kbd> + <kbd>shift</kbd> + <kbd>r</kbd>

This is how to access one with the Windows File Explorer:

<img src="https://raw.githubusercontent.com/codedex-io/projects/main/projects/run-a-website-locally-with-html/open-html-in-windows-explorer" alt="Using Windows File Explorer to open an HTML file." />
<img src="https://raw.githubusercontent.com/codedex-io/projects/main/projects/run-a-website-locally-with-html/open-html-in-windows-explorer.png" alt="Using Windows File Explorer to open an HTML file." />

Same thing as with the Mac finder: double-click the **index.html** file and a browser window should open with the HTML.

Expand Down

0 comments on commit 0bd64de

Please sign in to comment.