image of blog Mukesh Saini

HubSpot CMS Developer

1 Minutes Read

Listen to the Blog

Last Updated: 11-12-2025
Introduction to HTML: Structure, Elements, and Tags
1:25

Start your journey in web development by learning the building blocks of every website.

What is HTML?

HTML (HyperText Markup Language) is the standard language for creating web pages.

It defines the structure and content of a web page.

  • Elements: Building blocks of HTML
  • Tags: Wrap content to give meaning, e.g., <p> for paragraphs
  • Attributes: Provide extra information about elements, e.g., id, class, src

Basic HTML Structure

Every HTML page follows a basic template:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Web Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>Welcome to my first HTML page.</p>
</body>
</html>
  • <!DOCTYPE html> Declares HTML version
  • <html> Root element
  • <head> Contains meta info, title, links to CSS
  • <body> Content visible on the page

Common HTML Tags

Text Elements

  • Headings: <h1> to <h6>
  • Paragraph: <p>
  • Strong: <strong>
  • Italics/Emphasis: <em>

Links

Images

Description of image

Lists

  • Ordered: <ol>
  • Unordered: <ul>
  • List Item: <li>
  1. Ordered List 1
  2. Ordered List 2
  3. Ordered List 3
  4. Ordered List 4
  • Unordered List 1
  • Unordered List 2
  • Unordered List 3
  • Unordered List 4

Best Practices for Day 1

  • Always close your tags
  • Indent nested elements for readability
  • Use semantic tags whenever possible
  • Save your file as .html and open in a browser to preview

I'm Mukesh Saini, a seasoned HubSpot CMS Developer specializing in custom templates, seamless integrations, and high-performing digital experiences. Having honed his skills over several years in the industry, i possess a deep understanding of HubSpot's capabilities.

HubSpot CMS Developer