HTML Introduction -All You Need To Know

HTML stands for Hyper Text Markup Language, and it is the most popularly used programming language for creating web pages on the Internet. Berners-Lee devised HTML in late 1991, but the first standard HTML specification, “HTML 2.0,” was published in 1995. HTML 4.01 was released in late 1999 as a major version of HTML. Though the HTML 4.01 version is still frequently used, we now have the HTML-5 version, which is an upgrade to HTML 4.01 and was released in 2012.

HTML Versions

Tim Berners-Lee, a British physicist, invented HTML in 1990. There have been several versions of HTML since then.

VersionYears
HTML1991
HTML + 1993
HTML 2.0 1995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

Why to Learn HTML?

HTML was made with the aim of defining the structure of texts such as headings, paragraphs, lists, and so on in order to make scientific knowledge more easily shared between researchers. HTML is now commonly used to format web pages using the various tags available in the HTML language.

>> Common HTML Mistakes you should avoid

HTML is a language for students and working professionals who wish to become excellent Web Developer, particularly in the Web Development area. I’ll go over some of the most important advantages of knowing HTML:

  • Create Web site – If you know HTML well, you can design a website or customize an existing web template.
  • Become a web designer – HTML and CSS design is a must-have talent if you wants to continue a career as a professional web designer.
  • Understand web – If you want to speed up and improve the performance of your website, knowing HTML will help you achieve the greatest outcomes.
  • Learn other languages – Once you’ve mastered the fundamentals of HTML, other related technologies such as javascript, PHP, and Angular become much simpler to understand.

Hello World using HTML.

I’m going to give you a simple theoretical HTML Hello World program to get you excited about HTML. You may try it out using the Demo link.

<!DOCTYPE html>
<html>
   <head>
      <title>This is document title</title>
   </head>	
   <body>
      <h1>This is a heading</h1>
      <p>Hello World!</p>
   </body>	
</html>

Live Demo

HTML Tags

HTML tags are used to organize the content of a webpage (text, hyperlinks, images, media, etc). Tags are not shown in browsers; instead, they “instruct” browsers on how to display the web page’s content.

HTML tags are written in angle brackets (e.g <html>).

Most of HTML tags, such as the p> and /p> tags, occur in pairs. The start (opening) tag is the first in a pair, while the end (closing) tag is the second. Between the opening and closing tags, the information is written.

Above example of HTML document uses the following tags −

Sr.NoTag & Description
1<!DOCTYPE…>This tag defines the document type and HTML version.
2<html>This tag encloses the complete HTML document and mainly comprises of document header which is represented by <head>…</head> and document body which is represented by <body>…</body> tags.
3<head>This tag represents the document’s header which can keep other HTML tags like <title>, <link> etc.
4<title>The <title> tag is used inside the <head> tag to mention the document title.
5<body>This tag represents the document’s body which keeps other HTML tags like <h1>, <div>, <p> etc.
6<h1>This tag represents the heading.
7<p>This tag represents a paragraph.

You must study various tags and learn how they operate while structuring a textual content in order to understand HTML. Learning HTML is simple and users must learn how to utilize various tags to format text or images in order to create a nice webpage.

Applications of HTML

HTML, as previously said, is one of the most frequently used languages on the internet. I’ll list a handful of them below:

  • Internet Navigation – HTML provides tags for navigating from one page to the next, and it is widely used in internet navigation.
  • Responsive UI – Because of the responsive design strategy, HTML pages now work on all platforms, including mobile, tablets, desktops, and laptops.
  • Offline support – HTML pages can be made available offline on the machine without the requirement for an internet connection once they have been loaded.
  • Game development– HTML5 provides native support for rich experiences and is now being used in the gaming industry.
  • Web Page Development – HTML is a markup language that is used to create web pages. Almost every web page has html tags, which are used to render the page’s details in a browser.

To start writing HTML code for your website you will need an editor. Let’s speak about HTML editors in our next chapter.

Leave a Comment