HTML

HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages.

A brief history

The idea behind HTML was a modest one. When Tim Berners-Lee was putting together his first elementary browsing and authoring system for the Web, he created a quick little hypertext language that would serve his purposes. He imagined dozens, or even hundreds, of hypertext formats in the future, and smart clients that could easily negotiate and translate documents from servers across the Net. It would be a system similar to Claris XTND on the Macintosh, but would work on any platform and browser.

The problem, however, turned out to be in the simplicity of Berners-Lee's language. Since it was text-based, you could use any editor or word processor to create or convert documents for the Web. And there was just a handful of tags – anyone could master HTML in an afternoon. The Web flourished. Everyone started publishing. The rest is history.

As its name suggests, HTML is a markup language.

  1. 1. Open Notepad or Notepad++
  2. 2. The main tags in HTML are <html>, <head> and <body> and to close any tags HTML uses “/” for e.g. </head>, </body> and </html>
  3. 3. <p> is a paragraph tag which informs the computer that a new paragraph is going to start and to close this tag you use </p>
  4. 4. If you would like to give a line break in HTML you use <br> and depending on the number of line spaces you can add as many number of break tags
  5. 5. Once you’ve completed typing all instructions then you must always choose File Save as and type in a sensible file name with the extension of .html
  6. 6. If you would like to open the saved the saved HTML file in notepad then right click the file and open with then choose notepad

Practice this code:

	<!DOCTYPE html> 							#declare the document type
<html lang= "en">							#declare the coding language
	<meta charset="UTF-8" />  
	<head>  								#opens the head of the document
		<title>
		This  a is  document  title
		</title>   
	</head>   
	<body>  								#opens the body of the document
		<h1>This  is  a  heading</h1>   
		<p>Document  content  goes  here.....</p>   
	</body>   
</html>  


	

Notice the indentation used within the code. This helps to make the code easier to read and helps to show where each tag should be closed.