← Back to list

Introduction to HTML? Learn the Basics of HTML

HTML (HyperText Markup Language) is a basic building block of web page. When we see websites on internet, there are layouts, headings…

Code Zeon · 2025-07-21 08:20 · 1 claps · 1.7 min read
#html #basic-of-htm #html-for-beginners #learn-html
Open on Medium ↗
Wiki topics: 🌐 · Web Development

Introduction to HTML? Learn the Basics of HTML

HTML (HyperText Markup Language) is a basic building block of web page. When we see websites on internet, there are layouts, headings, paragraphs, images and videos everything created with the help of HTML. Actually HTML tells the browser what to display and how to structure the content.

Now let’s try to understand what is HyperText and Markup? HyperText means that text which contains links to other texts or web pages or we can say that the text which is connected to other page or website via links. Markup means a system of tags or codes used to format text or in simple words we can say HTML is language which is used to mark the content using tags which makes easy for browser to understand how to display the content.

Why is HTML Important?

  1. Easy to Learn and Use.
  2. Platform Independent(Windows, Mac, Linux).
  3. Browser Friendly.
  4. Supports Multimedia(images, videos, audio).

Basic Structure of HTML

<!DOCTYPE html>
<html> 
   <head>
          <title>My First Web Page</title>
   </head>
<body>
         <h1>Hello Guys!</h1>
</body>
</html>

Explanation:

<!DOCTYPE> html tells the browser its HTML5 document

<html> its entire web page of Wrapper

<head> it gives meta information about page (title, CSS etc.)

<body> in this tag we show the actual content on the browser

Commonly Used BASIC HTML Tags:

Basic Tags of HTML

Basic Tags of HTML

  • <html> Defines the root of an HTML document.
  • <head> Contains meta information about the document.
  • <title> Sets the title of the web page (shown on browser tab).
  • <body> Contains all the visible content of the web page.
  • <h1> to <h6> Defines headings; <h1> is the largest, <h6> the smallest.
  • <p> Defines a paragraph.
  • <a> Defines a hyperlink (clickable link).
  • <img> Displays an image (self-closing tag).
  • <ul> Defines an unordered (bulleted) list.
  • <ol> Defines an ordered (numbered) list.
  • <li> Defines a list item inside <ul> or <ol>.
  • <div> Defines a division or section in a page (block-level element).
  • <span> Defines an inline section of text (used for styling small parts).

NOTE:

In next blog we will see more about HTML in detail


메타데이터
post_id
d31041e8dc3c
slug
introduction-to-html-learn-the-basics-of-html-d31041e8dc3c
url
https://medium.com/@codezeon/introduction-to-html-learn-the-basics-of-html-d31041e8dc3c
canonical_url
https://medium.com/@codezeon/introduction-to-html-learn-the-basics-of-html-d31041e8dc3c
author_url
https://medium.com/@codezeon
status
ok
fetched_at
2026-06-22 05:41:33