HTML Structure Basics - Documentation

Every website is built on HTML. Here is the basic skeleton you need to start.

The Basic Template

Create a file named index.html and paste this code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Site</title>
</head>
<body>

    <h1>Hello World!</h1>
    <p>This is my first paragraph.</p>

</body>
</html>

Explanation

<!DOCTYPE html>: Tells the browser “This is an HTML5 document”.
<html>: The container for everything.
<head>: Contains “invisible” info for the browser.
- <title>: The text you see in the browser tab.
- <meta>: Settings for characters and mobile scaling.
<body>: Contains everything you see on the page.
- <h1>: A main heading (Header 1).
- <p>: A paragraph of text.

How to View It

Save the file as index.html.
Double-click it.
It will open in your browser showing your text!

Guide created by HighMark - All information and contacts on my official website: Highmark.it