The Wayback Machine - https://web.archive.org/web/20240118183113/https://www.geeksforgeeks.org/html-tutorial/
Open In App
Related Articles

HTML Tutorial

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

HTML stands for HyperText Markup Language. It creates a complete website structure of web pages. HTML is a combination of Hypertext and Markup language. Hypertext defines the link between the web pages and markup language defines the text document within the tag. This HTML Tutorial provides basic to advanced concepts for beginners and professionals.

HTML Tutorial

HTML Tutorial

Basic Structure of Web Page

The basic structure of an HTML page is given below. It contains the essential building-block elements (i.e. doctype declaration, HTML, head, title, and body elements) to create web page.

Page Structure

HTML Page Structure

HTML Basic Elements

  • <DOCTYPE! html> A doctype or document type declaration is an instruction that tells the web browser about the markup language in which the current page is written. It is not an element or tag. The doctype declaration is not case-sensitive.

  • <html> It is used to define the root element of an HTML document. This tag tells the browser that it is an HTML document. It is the second outer container element that contains all other elements within it.

  • <head> This tag is used to define the head portion of the HTML document. It contains information related to the document. Elements within the head tag are not visible on the webpage.

  • <body> It is used to enclose all visible content of a webpage. In other words, the body content is what the browser will show on the front end.

Example: Basic example of HTML to display the heading and paragraph content.

HTML




<!DOCTYPE html>
<html>
  
<!-- Head Section content -->
<head>
  
    <!-- Page title -->
    <title>Basic Web Page</title>
</head>
  
<!-- Body Section content -->
<body>
  
    <!-- Used to display heading content -->
    <h1>Welcome to GeeksforGeeks</h1>
  
    <!-- Used to display paragraph content -->
    <p>A computer science portal for geeks</p>
</body>
  
</html>


Output:

HTML Basic Web Page Output

Learn HTML

Interview Questions

Practice Quiz

Cheat Sheet

HTML Cheat Sheet is a simple, and quick reference list of basic HTML elements and attributes. The purpose of this Cheat Sheet is to provide you with some quick accurate ready-to-use code snippets and necessary HTML tags and attributes.

Examples

HTML examples contain a wide collection of HTML programming examples. The HTML examples are categorized based on the topics including hyperlinks, forms, tables, frames, and many more.

Learn more about HTML

Why HTML ?

HTML is used to create the structure of web pages and website that are displayed on the Internet. It basically contains Tags and Attributes that are used to design the web pages. Also, we can link multiple pages using Hyperlinks.

Recent Articles


Learn to code easily with our course Coding for Everyone. This course is accessible and designed for everyone, even if you're new to coding. Start today and join millions on a journey to improve your skills!

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Commit to GfG's Three-90 Challenge! Purchase a course, complete 90% in 90 days, and save 90% cost click here to explore.
Last Updated : 09 Jan, 2024
Like Article
Save Article
Share your thoughts in the comments
Similar Reads
Complete Tutorials