Introduction
HTML (HyperText Markup Language) is the basic building block of all web pages. It is used to create and structure content such as headings, paragraphs, images, and links.
What is HTML?
HTML (HyperText Markup Language) is not a programming language. It is a markup language that uses special tags to structure and display content in a web browser.
HyperText
HyperText refers to text that contains hyperlinks, allowing users to navigate from one page to another or to different sections of the same page.
For example, when you are on the home page of a website and click the "About Us" link, you are taken to the About Us page. This happens because the pages are connected through hyperlinks.
Markup Language
A markup language is a language that uses tags to structure and format content on a web page.
For example:
<h1>This is a heading</h1>
<p>This is a paragraph</p>
These tags tell the browser how to display content. The <h1> tag is used to create a heading, and the <p> tag is used to create a paragraph on a web page.
Structure of a Web Page
HTML follows a basic structure to organize content on a web page. This structure helps browsers display the content correctly on the internet.
A basic HTML page contains the following structure:
- Document type declaration
- HTML Root Element
- Head Tag (Metadata)
- Body Section (Main Content)
Document type declaration — <!DOCTYPE html>
Purpose - It tells the browser that the web page is written using HTML5.
Without <!DOCTYPE html>, the browser may not display the web page correctly.
HTML Root Element - <html>
It tells the browser that the entire content of the page is written in HTML.
All other HTML elements are placed inside the <html> element. It is called the root element because it is the parent of all other elements.
Head Section - <head>
The head section contains information about the web page, but this information is not visible on the page.
Head section includes common elements:
- Page title
- Stylesheets (CSS)
- Scripts (JavaScript)
- Character encoding
- SEO information
Title Tag - <title>
The title tag is used to display the name of the webpage in the browser tab and search engine results. It is very important for SEO and user experience.
Body Tag - <body>
The body tag contains all the main content that is displayed on the web page.
The body tag includes:
- Headings
- Paragraphs
- Images
- Videos
- Lists
- Tables
- Links
- Forms
Key Features of HTML
HTML (HyperText Markup Language) is the foundation of web development. It provides essential features used to create web pages and websites.
- Easy to Learn - HTML is easy to learn and beginner-friendly.
- Works on All Devices - HTML pages can be opened on many devices, including:
- Laptops / Computers
- Tablets
- Mobile
- Smart TVs
- Works on All Operating Systems - It supports:
- macOS
- Windows
- Linux
- IOS
- Android
Why HTML is Important
HTML transformed the internet into a global information system and made it useful and easy to understand.
- It enabled:
- Online Learning
- E-commerce
- Social Media
- Digital Communication
- Entertainment Platforms
Without HTML, modern websites and web applications would not exist.