Introduction to HTML

Welcome to the HTML for Beginners tutorial series on Scriptly. By the end of this course you will be able to build complete, well-structured web pages from scratch — no frameworks required. This first chapter explains what HTML actually is and why it sits at the foundation of everything you see on the web.

What is HTML?

HTML stands for HyperText Markup Language. It is not a programming language — it does not have loops, variables, or conditions. Instead, it is a markup language: a set of tags that describe the meaning and structure of content so a browser knows how to display it.

• HyperText — text that links to other text. Clicking a link jumps you to another page.
• Markup — labels wrapped around content, such as a heading, a paragraph, or an image.

How a web page reaches your screen

Understanding the big picture makes every later chapter easier. When you visit a page:

1. Your browser sends a request to a server (for example thescriptly.in).
2. The server responds with HTML — a text file full of tags.
3. The browser parses that HTML into a tree structure called the DOM (Document Object Model).
4. CSS styles the DOM, and JavaScript (optional) adds behaviour.

<!-- A tiny example of what the browser receives -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
    <p>This text came from an HTML file.</p>
  </body>
</html>

Expected output: the browser shows a large heading "Hello, world!" followed by a normal paragraph of text.

The three pillars of the web

Every website you have ever used is built from three technologies working together:

You will learn CSS and JavaScript in their own Scriptly tutorials. Here we focus entirely on writing clean, semantic HTML — the skill that makes the other two much easier.

A real-life example

Think of building a house. HTML is the brick and beam skeleton: rooms, doors, and the roof. CSS is the paint and furniture. JavaScript is the wiring that makes the lights switch on. You would never paint a house before the walls exist — and you should never style a page before its structure is right.

Why does HTML matter for your career?

• Every frontend framework (React, Vue, Laravel Blade, Django templates) eventually outputs HTML.
• Search engines read your HTML first. Clean markup directly affects SEO rankings.
• Accessible HTML (usable by screen readers) is a legal requirement in many regions and a hiring plus.
• HTML is the fastest web technology to learn — most beginners ship their first page within a day.

Common mistakes beginners make

• Treating HTML like a design tool — skip indentation and colour choices; that is CSS's job.
• Using headings for size — <h1> is not "big text", it is the main topic of the page.
• Skipping the lang attribute — it helps screen readers pronounce text correctly and helps search engines identify language.

Best practices

• Always start new pages from a consistent skeleton (you will build one in the next chapter).
• Indent nested tags with two or four spaces — readable HTML is debuggable HTML.
• Use lowercase tag and attribute names (<section>, not <SECTION>).

What's next?

Next we assemble your very first complete HTML document, line by line, and explain every part of it. Head to Your First HTML Page, or browse the chapter on elements and tags if you want to understand the syntax first.