HTML Introduction – Learn with HQLEduTech

HTML Tutorial

HTML Home
HTML Introduction
HTML Editors
HTML Basics
HTML Elements

HTML Introduction – Learn with HQLEduTech

HTML (HyperText Markup Language) is the foundation of every website you see on the internet.
What is HTML?
HTML stands for HyperText Markup Language
It’s the standard language used to create web pages
HTML describes the structure and layout of a webpage
It uses a series of elements (or “tags”) to define different parts of content
These elements help browsers understand and display the content correctly
HTML can label content as:
– “this is a heading”
– “this is a paragraph”
– “this is a link”
– “this is an image”, and more!

Why Learn HTML with HQLEduTech?

1. Easy-to-understand tutorials
2. Interactive “Try It Yourself” editors
3. Real-time feedback with mini-quizzes
4. Build your first webpage in just a few minutes!

A Simple HTML Document – Learn with HQLEduTech

HTML Example:

    <!DOCTYPE html>
    <html>

    <head>
    <title>HTML Tutorial</title>
    </head>

    <body>
    <h1>This is a heading</h1>

    <p>This is a paragraph.</p>
    </body>
    </html>
  

Try it Yourself

Explanation

<!DOCTYPE html> – Declares the document type and version (HTML5)
<html> – Root element that wraps the entire page
<head> – Contains meta info like the page title
<title> – Sets the title seen on the browser tab
<body> – Contains all the content that appears on the page
<h1> – Main heading
<p> – A paragraph of text

What is an HTML Element?

An HTML element is the building block of every webpage. It consists of a start tag, some content, and an end tag.

Basic Syntax:

HTML

<tagname> Content goes here... </tagname>

The HTML element includes everything from the start tag to the end tag.

Examples:

HTML

<h1>My First Heading</h1>
<p>My first paragraph.</p>

Start Tag	Element Content	End Tag
`<h1>`	My First Heading	`</h1>`
`<p>`	My first paragraph.	`</p>`
`<br>`	(no content)	(none)

Note: Some HTML elements like <br> are self-closing and don’t have content or an end tag.

HTML Tutorial