Skip to content

Instantly share code, notes, and snippets.

@jethusang

jethusang/html-part1.md

Created May 16, 2025 19:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jethusang/bfebc8119ca9be68280299f49cd58971 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jethusang/bfebc8119ca9be68280299f49cd58971 to your computer and use it in GitHub Desktop.
Download ZIP
Getting Started with HTML and CSS
Raw
html-part1.md

Getting Started with HTML and CSS

Step 1: Installing Visual Studio Code

  1. Download VS Code: Go to the Visual Studio Code website and download the installer for your operating system.
  2. Install VS Code: Run the installer and follow the setup instructions. Ensure you check the options to add VS Code to the context menu and the PATH during installation.

Step 2: Installing Live Server Extension

  1. Open VS Code: Launch Visual Studio Code.
  2. Install Live Server:
    • Go to the Extensions view by clicking the Extensions icon in the sidebar or pressing Ctrl+Shift+X.
    • Search for "Live Server" and click the "Install" button.

Step 3: Creating Your First HTML File

  1. Create a New File:

    • Open a new folder in VS Code where you want to save your project.
    • Create a new file and name it index.html.

  2. Write Your HTML Code:

    • Open index.html and type the following code:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World</title>
</head>
<body>
    <h1>Hello World</h1>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment