HTML Introduction

We are talking about HTML Introduction. An HTML document is a markup language used for creating web pages on the Internet.

We’ll go over all the basic elements of HTML, including syntax and structure, forms, and multimedia.

HTML was developed by Tim Berners-Lee, a British computer scientist who created the World Wide Web (www) while working at CERN in Switzerland.

HTML 1.0 was released in 1993 as the first version of HTML. As the web became more complex, subsequent versions were developed to enhance the language’s capabilities and tackle issues.

There have been several HTML variants since the World Wide Web’s inception, including:

1989www was created by Tim Berners-Lee.
1991HTML was created by Tim Berners-Lee.
1993HTML+ was authored by Dave Raggett.
1995HTML 2.0 was defined by HTML Working Group.
1997HTML 3.2 is recommended by mrexamples.
1999HTML 4.01 is recommended by the mrexamples.
2000mrexamples recommends 2000 XHTML 1.0.
2008HTML5 First Public Draft by WHATWG
2012WHATWG HTML5 Living Standard
2014HTML5 is recommended by mrexamples
2016HTML 5.1 is a mrexamplesCandidate Recommendation.
2017mrexamples recommends HTML5.1, Second Edition .
2017HTML5.2 is recommended by mrexamples.
Note: Hopefully we covered the whole topic regarding HTML tutorial. HTML5 is the most recent specification used in this HTML Introduction guide.

Presently, HTML 5 is the latest version of the language, which was published in 2014. With HTML 5, multimedia, semantic markup, and accessibility are improved over its predecessors.

Developers can now easily create dynamic and interactive web pages that are compatible with a variety of devices thanks to these improvements.

What is HTML?

HTML (Hypertext Markup Language) is the standard markup language used for creating web pages and web applications.

HTML is a key component in web development and is used to structure content on a webpage by defining elements and attributes that provide semantic meaning to the content.

HTML is an essential skill for web developers and designers, and a basic understanding of HTML is necessary for anyone who wants to create web pages.

Here are some key points to help you understand the importance of HTML in web development:

  • HTML works alongside Cascading Style Sheets (CSS) and JavaScript to create web pages that are visually appealing, user-friendly, and interactive.
  • HTML defines elements and attributes to help developers organize and structure content on a webpage, which is essential for search engine optimization (SEO) and accessibility.
  • HTML is a markup language, which means it is a language that uses tags to mark up content. Tags provide semantic meaning to the content, allowing search engines to crawl and index web pages more effectively.
  • HTML is continuously evolving to meet the needs of modern web development. Currently, the latest version of HTML is HTML5, which includes new features such as multimedia elements, form controls, and semantic tags.

Understanding HTML Document

Understanding HTML is the first step towards creating web pages and applications when it comes to HTML Introduction.

The basic structure of an HTML document consists of the following elements:


<!DOCTYPE html> <html> <head> <title>Your Page Title</title> </head> <body><div><h1>This is just a Heading</h1></div> <div><p>This is just a paragraph.</p></div></body> </html>

Example Explanation:

  • The above example shows an HTML document that creates a simple web page. The <!DOCTYPE html> declaration at the beginning of the code specifies that the document is written in HTML5.
  • The <html> tag defines the start and end of the HTML document, and all the code within it will be interpreted as HTML. The <head> tag contains metadata about the document, such as the title of the web page that appears in the browser tab.
  • The <body> tag contains the visible content of the web page. In this example, there are two <div> tags inside the <body> tag. The first <div> tag contains an <h1> tag that creates a heading with the text “This is just a Heading”. The second <div> tag contains a <p> tag that creates a paragraph with the text “This is just a paragraph.”
  • When the code is run in a web browser, the HTML tags will be interpreted and displayed as a web page with a heading and a paragraph.

Another Example of HTML Document:


<!DOCTYPE html> <html> <head> <title>My Fist HTML page with Mr Examples</title> </head> <body> <p>Hello world!</p> </body> </html>

Example Explanation

  • It is specified in the <!DOCTYPE html> declaration that this document is HTML5.
  • The <html> element is the root element of an HTML document.
  • The <head> element contains meta information about the HTML page.
  • The <title> element specifies a page title (which will appear in the browser’s title bar or tab) for an HTML page.
  • The <body> element defines a document’s body, which contains headings, paragraphs, images, hyperlinks, tables, lists and other visible content.
  • The <h1> element defines a large heading. (A title should appear after any headings.).
  • The <p> element describes a paragraph.

HTML Tags: What are they?

HTML tags are used to define different elements of a webpage.

Tags are enclosed in angle brackets < > and are usually paired with a closing tag that begins with a forward slash /.

For example, the <h1> tag is used to define a top-level heading, and it should be closed with a </h1> tag.

As we are discussing how to learn HTML so, HTML elements have start tags, content, and end tags:

Here's content...

From start to finish, the HTML Tag is:

This is my First Heading
This is my first paragraph.
Start TagsElement contentEnd tags
<p>This is my First Paragraph.</p>
<h1>This is my First Heading.</h1>
Note: that some HTML tags, such as the <br> tag, are empty. These are referred to as empty elements. Elements that are empty lack an end tag.

Web Browsers

Chrome, Edge, Firefox, and Safari are examples of web browsers whose primary function is to read and accurately display HTML texts.

When we talk about HTML introduction the HTML tags are used by a browser to decide how to display the page but are not shown themselves:

HTML Introduction
HTML Introduction

HTML Page Structure

Here is an illustration of the structure of an HTML page:



<title>Mr Examples Page title</title>



<h1>This is just a heading</h1>
<p>This is a just paragraph.</p>
<p>This is second paragraph.</p>



Reminder : A browser will show the material contained within the section (the white area above). The title bar of the browser or the page’s tab will display the material contained in the <title> element when it comes to HTML Introduction.


When we talk about HTML introduction then, HTML has played a vital role in the creation of web pages and applications since it represents the basis of web development. You can create semantic, accessible, and responsive web content if you understand the basics of HTML syntax, tags, and attributes.
Anyone interested in web design and development should learn HTML, and it provides a solid foundation for learning CSS and JavaScript as well.
If you find this article informative, please leave your reaction below as a token of appreciation for us.
We value your feedback.

Subscribe To Our Newsletter
Enter your email to receive a weekly round-up of our best posts. Learn more!

Leave a Reply

Your email address will not be published. Required fields are marked *