HTML Introduction (What is HTML?)

1. HTML is standard language for web pages.

2. It defines structure of web content.

3. HTML consists of various building elements.

4. Elements tell browsers how to display content.

5. Elements label content like headings and paragraphs.

Example: First HTML Page

Example

Try it Yourself »

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

Install Live Server Extension in VS Code

Step 5: Install Live Server in Visual Studio Code

1. Press Ctrl + Shift + X in editor.

2. Search for "Live Server" by Ritwick Dey.

3. Click the blue Install button to install.

4. Or run CLI command in your terminal.

5. Extension auto-reloads pages whenever you save changes.

⊞Administrator: Windows 11 Command Prompt (cmd.exe)

>code --install-extension ritwickdey.LiveServer

⊞Windows 11 Execution OutputReal PC Match

Microsoft Windows [Version 10.0.22631.3007] (Windows 11 Pro x86_64)

Installing extensions... Installing extension 'ritwickdey.LiveServer'... Extension 'ritwickdey.LiveServer' v5.7.9 was successfully installed.

Launch Your First HTML Page in Google Chrome

Windows 11 Google Chrome First HTML Page Live Preview

1. Right-click anywhere inside your index.html file.

2. Select "Open with Live Server" from menu.

3. Keyboard shortcut is Alt + L, Alt + O.

4. Or click "Go Live" at status bar.

5. Chrome opens your page at port 5500.

1. HTML is standard language for web pages.

2. It defines structure of web content.

3. HTML consists of various building elements.

4. Elements tell browsers how to display content.

5. Elements label content like headings and paragraphs.

Example: First HTML Page

Example

Try it Yourself »

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

Install Live Server Extension in VS Code

1. Press Ctrl + Shift + X in editor.

2. Search for "Live Server" by Ritwick Dey.

3. Click the blue Install button to install.

4. Or run CLI command in your terminal.

5. Extension auto-reloads pages whenever you save changes.

⊞Administrator: Windows 11 Command Prompt (cmd.exe)

>code --install-extension ritwickdey.LiveServer

⊞Windows 11 Execution OutputReal PC Match

Microsoft Windows [Version 10.0.22631.3007] (Windows 11 Pro x86_64)

Installing extensions... Installing extension 'ritwickdey.LiveServer'... Extension 'ritwickdey.LiveServer' v5.7.9 was successfully installed.

Launch Your First HTML Page in Google Chrome

1. Right-click anywhere inside your index.html file.

2. Select "Open with Live Server" from menu.

3. Keyboard shortcut is Alt + L, Alt + O.

4. Or click "Go Live" at status bar.

5. Chrome opens your page at port 5500.

Need to create your website folder on 🪟 Windows 11?

Example: First HTML Page

Install Live Server Extension in VS Code

Launch Your First HTML Page in Google Chrome

HTML Introduction (What is HTML?)

Need to create your website folder on 🪟 Windows 11?

Example: First HTML Page

Install Live Server Extension in VS Code

Launch Your First HTML Page in Google Chrome