HTML starter

Published: 3 days ago (February 11, 2026 at 08:20 AM EST)

2 min read

Source: Dev.to

Introduction

Welcome to the HTML Starter series. In this series I’ll share everything I’ve learned about web development up to 2026. Let’s get started!

Setup

Install Visual Studio Code.
Add the Live Server extension.
Open your project folder and click “Open with Live Server” to preview your pages instantly.

Basic HTML Structure


    Your title goes here

    
## Heading content

    
Paragraph content.

Open the file in your browser via Live Server and you’ll see your first webpage. 🎉

HTML Elements

“ – Declares the document as an HTML5 file.
“ – The root element of the page.
“ – Contains meta‑information (e.g., title, charset).
“ – Sets the page title shown in the browser tab.
“ – Holds all visible content.
– – Heading tags for hierarchical titles.
“ – Paragraph tag for regular text.

Headings


## Example of h1 tag

## Example of h2 tag

### Example of h3 tag

#### Example of h4 tag

Example of h5 tag
Example of h6 tag

Use headings to structure your content. For SEO, include only one “ per page and use the remaining headings to outline sections.

Attributes

Attributes provide additional information about an element.

Links

[Visit W3Schools](https://www.w3schools.com)

Clicking the link redirects to the W3Schools site, a great resource for learning web development.

Inline Styles


This paragraph is red.

The style attribute applies CSS directly to the element (inline styling).

Images

![My GitHub profile picture](https://github.com/yourusername.png)

If the image cannot load, the text in the alt attribute is displayed and also improves accessibility.

Lists

Ordered List (numbered)


    - Write a blog on CSS

    - Go for a jog

    - Publish a YouTube video on using Zustand in a React project

Unordered List (bulleted)


    - 1 kg Onion

    - 1 kg Tomato

    - 500 g Paneer

Ordered lists are ideal for step‑by‑step instructions, while unordered lists work well for items without a specific sequence.

That’s it for the first lesson. Continue experimenting with these basics, and you’ll be well on your way to building more complex web pages. Happy coding!