Fix a Blank Page When Your HTML File Won't Open Right

Your HTML file opens blank, shows raw tags as text, or downloads instead of rendering. Don't rewrite the page first. Check the boring causes in order.

1. The extension is wrong

Windows hides extensions by default. You may have saved index.html.txt.

1. File Explorer → View → Show → File name extensions.
2. Rename the file so it ends in .html only.
3. Open it again.

If the browser shows your tags as plain text, it is not treating the file as HTML. Extension and Content-Type (for real servers) are the usual reasons.

2. You opened the wrong file

Search your computer for index.html. Beginners often edit one copy and open another. Check the file:/// path in the address bar against the folder you are editing.

3. The editor never saved

Change a visible word. Save. Reload the browser (F5). If the old word stays, the browser is not reading the buffer you think it is.

4. Markup problems that hide content

A missing </title> or a <style> never closed can make the rest of the page disappear into the head. View Source (Ctrl+U). Does the structure match what you typed?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Test page</title>
</head>
<body>
  <p>Visible content.</p>
</body>
</html>

Replace a broken file with this minimal page. If this works, your content file has a structural problem. Put pieces back until it breaks again.

5. White text on a white background

The page is not blank. The text is the same colour as the background.

Inspect the body. If color and background are both white (or both near-white), fix the CSS.

6. CSS 404 looks like "unstyled", not blank

A missing stylesheet does not usually blank the page. You still see unstyled HTML. Blank means the HTML never rendered or the text is white on white.

body { color: #fff; background: #fff; }

Inspect the body. If colour and background are both white, fix the CSS. That is not a "blank HTML file" problem.

Checklist

1. Extension is .html
2. Address bar path matches the file you edit
3. Save → Reload loop works
4. Minimal page renders
5. Not white-on-white CSS

If all five pass and you still see nothing, try another browser once. Then come back and View Source again carefully.