11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
HTML Introduction
Last Updated : 22 Nov, 2024
HTML stands for HyperText Markup Language. It is the standard
language used to create and structure content on the web.
HTML is a markup language, not a programming language, meaning it
annotates text to define how it is structured and displayed by web
browsers.
It forms the building blocks of all websites and is complemented by
CSS for style and JavaScript for interactivity.
In a nutshell, HTML is all about organizing and displaying information on
a webpage. We can think of it as the bones or structure of a webpage.
Basic HTML Code Example
HTML
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <title>My First Webpage</title>
6 </head>
7
8 <body>
9 <h1>Welcome to My Webpage</h1>
10 <p>This is my first paragraph of text!</p>
11 </body>
12
13 </html>
https://www.geeksforgeeks.org/html-introduction/ 1/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
Table of Content
Why Learn HTML?
Features of HTML
HTML Element and HTML Tag
HTML Page Structure
Web Browsers
HTML History
Advantages of HTML
Disadvantages of HTML
Why Learn HTML?
Here are 5 common reasons to learn HTML:
1. Build Websites: HTML is the basic building block for creating any
website. Learning HTML can help you pursue a career in web
development.
2. Customize Content: Allows you to edit or tweak web pages, emails, or
templates to fit your needs.
3. Understand how the web works: Helps you grasp how the internet
works and how web pages are structured.
4. Employment Opportunities: According to Bureau of Labor Statistics
projects that employment for web developers will grow 16% between
2022-2032, which is much faster than the average across all
occupations.
5. Learn Easily: HTML is beginner-friendly, making it a great first step into
the world of coding and technology
Features of HTML
It is easy to learn and easy to use.
It is platform-independent.
Images, videos, and audio can be added to a web page.
Hypertext can be added to the text.
It is a markup language.
https://www.geeksforgeeks.org/html-introduction/ 2/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
HTML Element and HTML Tag
HTML Element and HTML Tags are related but distinct. An HTML element
is the complete structure, including the opening tag, content (if any), and
the closing tag (if applicable).
On the other hand, A tag is the actual keyword or name enclosed in angle
brackets (< >) that tells the browser what kind of content to expect.
Winter Tickets Sale! HTML Tutorial HTML Exercises HTML Tags HTML Attributes Global Attributes E
The HTML element is everything from the start tag to the end tag
HTML Page Structure
The basic structure of an HTML page is shown below. It contains the
essential building-block elements (i.e. doctype declaration, HTML, head,
title, and body elements) upon which all web pages are created.
https://www.geeksforgeeks.org/html-introduction/ 3/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
<!DOCTYPE html> – This is the document type declaration, not a tag. It
declares that the document is an HTML5 document.
<html> – This is called the HTML root element. All other elements are
contained within it.
<head> – The head tag contains the “behind the scenes” elements for a
webpage. Elements within the head aren’t visible on the front end of a
webpage. Typical elements inside the <head> include:
<title>: Defines the title displayed on the browser tab.
<meta>: Provides information like the character set or viewport
settings.
<link>: Links external stylesheets or resources.
<style>: Embeds internal CSS styles.
<script>: Embeds JavaScript for functionality.
<title> – The title is what is displayed on the top of your browser when
you visit a website and contains the title of the webpage that you are
viewing.
<h2> – The <h2> tag is a second-level heading tag.
<p>– The <p> tag represents a paragraph of text.
<body> – The body tag is used to enclose all the visible content of a
webpage. In other words, the body content is what the browser will
show on the front end.
An HTML document can be created using an HTML text editor. Save the
text file using the “.html” or “.htm” extension. Once saved as an HTML
document, the file can be opened as a webpage in the browser.
Note: Basic/built-in text editors are Notepad (Windows) and
TextEdit (MacOS). Other advanced text editors include Sublime
Text, Visual Studio Code, Froala, etc.
Web Browsers
Unlike other programming languages, HTML does not show output on the
compiler. Web browsers show the results of an HTML code.
https://www.geeksforgeeks.org/html-introduction/ 4/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
It reads HTML files and determines how to show content with the help of
HTML tags. Any web browser (Google, Safari, Mozilla Firefox, etc) can be
used to open a . HTML file and view the results.
index.html
HTML History
Currently, we are using HTML5, which is the latest and most advanced
version of HTML.
HTML was initially created by Tim Berners-Lee in 1991 as a way to share
and structure documents on the web.
The first-ever version was HTML 1.0, a basic and limited version.
However, the first standardized version, HTML 2.0, was published in 1995,
laying the foundation for web development as we know it today
Advantages of HTML
HTML is used to build websites.
https://www.geeksforgeeks.org/html-introduction/ 5/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
It is supported by all browsers.
It can be integrated with other languages like CSS, JavaScript, etc.
Disadvantages of HTML
HTML can only create static web pages. For dynamic web pages, other
languages have to be used.
A large amount of code has to be written to create a simple web page.
The security feature is not good.
Conclusion
In conclusion, mastering HTML is a fundamental step in your web
development journey. This guide serves as a comprehensive resource for
understanding HTML, from the basics to more advanced topics.
Remember, HTML is more than just a markup language – it’s a powerful
tool for creating engaging, accessible, and SEO-friendly websites.
To learn more about HTML, visit the HTML Tutorial Page.
Master The Art of Web Development with Full Stack Web
Development
HTML Introduction – FAQs
What is HTML?
HTML is a global markup language for web. You can create any a
webpage using HTML and any browser can open that HTML file.
What are the basics of HTML?
HTML basics include understanding the syntax, elements/tags,
attributes, structure and formatting of HTML file.
https://www.geeksforgeeks.org/html-introduction/ 6/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
What are the 5 uses of HTML?
5 key uses of HTML are:
Creating web page.
Integrating CSS and JavaScript
Accessing web content
Semantic markup
Cross-platform compatibility
What is HTML syntax?
HTML syntax means the set of rules and regulation that defines how
HTML code is structured and written.
Want to be a Software Developer or a Working Professional looking to
enhance your Software Development Skills? Then, master the concepts of
Full-Stack Development. Our Full Stack Development - React and
Node.js Course will help you achieve this quickly. Learn everything from
Front-End to Back-End Development with hands-on Projects and real-
world examples. This course enables you to build scalable, efficient,
dynamic web applications that stand out. Ready to become an expert in
Full-Stack? Enroll Now and Start Creating the Future!
him0… Follow 499
Previous Article Next Article
HTML Tutorial HTML Editors
https://www.geeksforgeeks.org/html-introduction/ 7/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
Introduction to HTML | Complete HTML tutorial
Similar Reads
Introduction to HTML
HTML stands for Hypertext Markup Language. It is the most basic language,
and simple to learn and modify. It is a combination of both hypertext and…
6 min read
Introduction to HTML and CSS | Learn to Design Your First Website in J…
Ready to Design Your First Website in Just 1 Week? With this guide, learn
how to build a simple yet stylish website in just one week to gain skills and…
4 min read
HTML | DOM HTML Object
The HTML Object property in HTML DOM is used to represent or access the
HTML <html> element with in the object. The <html> element is used to…
3 min read
HTML | <html> xmlns Attribute
https://www.geeksforgeeks.org/html-introduction/ 8/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
The HTML <html> xmlns Attribute is used to specify the xml namespace for
a document. Important Note: This attribute is mainly required in XHTML, no…
1 min read
Inline HTML Helper - HTML Helpers in ASP.NET MVC
HTML Helpers are methods that returns HTML strings. These are used in the
view. In simple terms, these are C# methods that are used to return HTML.…
2 min read
How to return HTML or build HTML using JavaScript ?
JavaScript is very powerful and with it, we can build dynamic web content
and add many features to a web application. With HTML, we create the…
2 min read
How to convert html.slim to html.erb ?
Introduction to slim and erb: Slim files and tools are used to make the code
more light and will help to use it instead of the particular code. erb is also…
1 min read
How to include HTML code snippets in HTML ?
In this article, we will learn how to include HTML snippets in HTML code.
We will include the HTML code snippet of "gfg.html" into "index.html". To…
3 min read
HTML Complete Guide – A to Z HTML Concepts
What is HTML ? HTML stands for Hypertext Markup Language. It is a
standard markup language used to design the documents displayed in the…
7 min read
What is the difference between <html lang="en'> and <html lang="en-…
The lang attribute specifies which language is used to write the content of a
web page. It is used to set the language for the whole text of the web page…
2 min read
https://www.geeksforgeeks.org/html-introduction/ 9/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
Article Tags : HTML Web Technologies HTML-Basics
Corporate & Communications Address:-
A-143, 9th Floor, Sovereign Corporate
Tower, Sector- 136, Noida, Uttar Pradesh
(201305) | Registered Address:- K 061,
Tower K, Gulshan Vivante Apartment,
Sector 137, Noida, Gautam Buddh
Nagar, Uttar Pradesh, 201305
Company Explore
About Us Job-A-Thon Hiring Challenge
Legal Hack-A-Thon
Careers GfG Weekly Contest
In Media Offline Classes (Delhi/NCR)
Contact Us DSA in JAVA/C++
Advertise with us Master System Design
GFG Corporate Solution Master CP
Placement Training Program GeeksforGeeks Videos
Geeks Community
Languages DSA
Python Data Structures
Java Algorithms
C++ DSA for Beginners
PHP Basic DSA Problems
GoLang DSA Roadmap
SQL DSA Interview Questions
R Language Competitive Programming
Android Tutorial
https://www.geeksforgeeks.org/html-introduction/ 10/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
Data Science & ML Web Technologies
Data Science With Python HTML
Data Science For Beginner CSS
Machine Learning JavaScript
ML Maths TypeScript
Data Visualisation ReactJS
Pandas NextJS
NumPy NodeJs
NLP Bootstrap
Deep Learning Tailwind CSS
Python Tutorial Computer Science
Python Programming Examples GATE CS Notes
Django Tutorial Operating Systems
Python Projects Computer Network
Python Tkinter Database Management System
Web Scraping Software Engineering
OpenCV Tutorial Digital Logic Design
Python Interview Question Engineering Maths
DevOps System Design
Git High Level Design
AWS Low Level Design
Docker UML Diagrams
Kubernetes Interview Guide
Azure Design Patterns
GCP OOAD
DevOps Roadmap System Design Bootcamp
Interview Questions
School Subjects Commerce
Mathematics Accountancy
Physics Business Studies
Chemistry Economics
Biology Management
Social Science HR Management
English Grammar Finance
Income Tax
Databases Preparation Corner
SQL Company-Wise Recruitment Process
MYSQL Resume Templates
PostgreSQL Aptitude Preparation
PL/SQL Puzzles
MongoDB Company-Wise Preparation
Companies
https://www.geeksforgeeks.org/html-introduction/ 11/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
Colleges
Competitive Exams More Tutorials
JEE Advanced Software Development
UGC NET Software Testing
UPSC Product Management
SSC CGL Project Management
SBI PO Linux
SBI Clerk Excel
IBPS PO All Cheat Sheets
IBPS Clerk Recent Articles
Free Online Tools Write & Earn
Typing Test Write an Article
Image Editor Improve an Article
Code Formatters Pick Topics to Write
Code Converters Share your Experiences
Currency Converter Internships
Random Number Generator
Random Password Generator
DSA/Placements Development/Testing
DSA - Self Paced Course JavaScript Full Course
DSA in JavaScript - Self Paced Course React JS Course
DSA in Python - Self Paced React Native Course
C Programming Course Online - Learn C with Data Structures Django Web Development Course
Complete Interview Preparation Complete Bootstrap Course
Master Competitive Programming Full Stack Development - [LIVE]
Core CS Subject for Interview Preparation JAVA Backend Development - [LIVE]
Mastering System Design: LLD to HLD Complete Software Testing Course [LIVE]
Tech Interview 101 - From DSA to System Design [LIVE] Android Mastery with Kotlin [LIVE]
DSA to Development [HYBRID]
Placement Preparation Crash Course [LIVE]
Machine Learning/Data Science Programming Languages
Complete Machine Learning & Data Science Program - [LIVE] C Programming with Data Structures
Data Analytics Training using Excel, SQL, Python & PowerBI - C++ Programming Course
[LIVE] Java Programming Course
Data Science Training Program - [LIVE] Python Full Course
Mastering Generative AI and ChatGPT
Clouds/Devops GATE
DevOps Engineering GATE CS & IT Test Series - 2025
AWS Solutions Architect Certification GATE DA Test Series 2025
Salesforce Certified Administrator Course GATE CS & IT Course - 2025
GATE DA Course 2025
https://www.geeksforgeeks.org/html-introduction/ 12/13
11/26/24, 9:51 AM HTML Introduction - GeeksforGeeks
@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved
https://www.geeksforgeeks.org/html-introduction/ 13/13
