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 Developers, 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 want 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>

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.

Recommended HTML Guides:

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.

How HTML Works

A sample of HTML code

Like any programming language, HTML looks like a bunch of commands and text blocks before it’s turned into the front-facing visual. If you’re curious to see what the HTML on this particular page looks like and you’re on a desktop or laptop, try right-clicking anywhere on this page and select “View Page Source” (the option may vary depending on your browser). It should take you to a giant wall of code.

Most HTML is built using “element blocks,” which are snippets of HTML code that separate different elements on a page. For example, this article’s body is an element block, as is the menu, the recommendations below, and the page’s footer. These elements are coded in their own way, as they may behave differently.

A crucial part of building out HTML pages is the use of Cascading Style Sheets (CSS). These are documents that define what particular elements of a page should look like. For example, how big images should be, what fonts should appear on a page, and how a web page should respond when it’s resized or stretched. These are all crucial to creating attractive, cohesive, and stylish websites. If you’ve noticed websites starting to look better in the last decade, the increasing use of CSS is the biggest reason.

One of the best things about HTML is its ability to run dynamic scripts via JavaScript or JS. These scripts can create dynamic elements. For example, on certain websites, hovering on an image will allow you to zoom into it. You can make this effect by coding in a JavaScript element.

HTML for Absolute Beginners

This HTML tutorial is for absolute beginners so it is written in a simple way so that students don’t get confused. We have given an example for every topic and concept with proper details about the correct output of the code and legit HTML code which students can copy and can download also. 

By the end of this HTML tutorial, we are sure that you will become comfortable with HTML and would start creating your own website structures. Although to make an attractive and beautiful website you have to learn some other technologies also like CSS and JavaScript but HTML is the base for everything. Just follow our guidelines step by step in this HTML tutorial to start your journey into Website development.


What This Tutorial Covers

This HTML tutorial covers all the basics and also the advanced features of HTML, like various HTML tags, their attributes, values for the attributes, etc. You will learn about the various ways of formatting the text, adding Style to the webpage, adding the Scripts to the webpage, inserting images, lists, forms and so on.

If we categorize this HTML tutorial then, in basics you will learn tags like of HTML forms, HTML tables, HTML lists, etc. Once you’re familiar with the basics, we’ll learn about the advanced part of HTML which mostly contains HTML5 elements. HTML5 elements provide some advanced features like HTML graphics, HTML datalist, etc. which we will study later in the tutorial.

Prerequisites

Before proceeding to the HTML tutorial or web designing course, we here are assuming that you at least have a basic knowledge of using Windows or any other operating system, i.e. you are familiar with-

  • Experience with any HTML editor like Notepad, Notepad++, Edit plus, etc. A good HTML editor will keep your HTML code clean and in an organized format. These modern editors can keep an eye on your coding errors also and can give you warnings about them, it increases programmers’ efficiency and makes it less stressful for them because trust us, finding an error is a headache sometimes. These can also give you a preview of the webpage you created, based on your code, it gives you an idea of how your webpage will get displayed on a browser.
  • Creation and deletion of folders and files on the computer.
  • Editing and saving the changes in a file.

To begin web designing, you need only two things: a simple text editor to write HTML code and a simple web browser. Write your code in the editor and save the HTML file with a .html or .htm extension and then open it in a browser to see the output of your HTML code.

Let’s start the HTML tutorial, be patient, we will go slowly, step by step. In the next page we will learn about the history of HTML and also its advantages. 

3 Comments

  1. It’s awesome tо visit thiѕ web page and reading the views
    of all mates ⲟn the topic of tjis piece оf writing, whіlе Ι
    am ɑlso keen оff getting knowledge.

  2. I simply could not go away your site before suggesting that I extremely enjoyed the usual
    information a person provide on your guests? Is going to be back continuously to investigate
    cross-check new posts

  3. Intonation

    It’s gօing to be finish of mine day, except before ending I am reaԀing this impressive post to improve my experіence.

Leave a Comment

Your email address will not be published.