HTML Tutorial

  • HTML stands for Hyper Text Markup Language.
  • HTML was first created by Tim Berners-Lee, Robert Cailliau, and others starting in 1989.
  • HTML is the standard markup language for Web page creation. It is the basic scripting language used by web browsers to render pages on the world wide web.
  • HTML is used to create and structure sections, paragraphs, and links (the building blocks of a web page) using HTML elements such as tags and attributes.
  • HTML is used to create static websites only. It is not a programming language as it can’t create dynamic functionality.
  • HTML is markup languages because it is tag-based, and the content is placed between a beginning and an end tag. Hypertext is a text that references(hyperlink) to another text.
  • To write HTML code, any text editor like notepad, notepad++, Komodo Edit, Sublime Text3 etc. can be used.
  • HTML is now considered an official web standard. The World Wide Web Consortium (W3C) maintains and develops HTML specifications, along with providing regular updates. 
  • The latest version is known as HTML5.

Made Simple Learning with HTML “Try it”

Let’s take a simple example to make you familiar about HTML

Example

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

What is HTML used for?

HTML is one of the most commonly used language over the web. Let’s take a closer look at what the language can do.

  • Web Pages DevelopmentHTML is used to create web pages which are rendered over the web. Almost every web page contains a set of HTML tags, including hyperlinks which are used for connecting to other pages.
  • Internet Navigation – Hypertext allows navigation. It is a text that references to another text or web page. When the user clicks on it, would navigate to referenced text or page.
 <a href="w3c.org"> Click me </a>
  • Responsive UI – Website or application is responsive when it looks good on all devices: mega-screens, desktops, laptops, tablets, and phones. <meta> tag is used on all pages to create a responsive website. In addition, images could be made responsive using width property in CSS(Cascading Style Sheet). Texts can also be made responsive by setting viewport width.
  • Offline Support – We know, internet connectivity is must to view web pages. However, web applications  may now be accessible even when we are not connected to the internet(means offline). HTML enables us to access the data offline. For this it uses a cache manifest file that allows the browser to automatically save the HTML file and all the other resources that needs to display the web page properly on the local machine.
  • Game Developments – Earlier game developments were specific to platforms like Flash. However, HTML5 offers many options and features for game development.

These HTML tutorials will help you to learn the fundamentals of the HTML language, from the very basic to advanced topics. If you’re just getting started, begin with the fundamentals and work your way up by learning something new every day.