A DOCTYPE simply declares the document type for a particular file (It is not a HTML tag). This declaration should be present on the top of your HTML file before you start writing actual HTML “code”.

You really don’t need to think much about DOCTYPEs unless you plan to get to become part of a standards committee that works on creating and standardising DOCTYPE declarations.

Ok, lets go ahead and create a HELLO WORLD web page now using HTML

<img> - Stands for image tag

<src> - src attribute specifies the source URL of the image within the image tag.

URL should be the actual link from where the browser needs to fetch the image.

The URL should preferably end in image file’s extension such as http://www.example.com/a/1.jpg where .jpg represents the extension of the image.

width/height – These define the dimensions of image to be displayed on webpage

Lets add an image to our HelloWorld.html file and see how it shows up in the browser.

<button> - The button tag creates a clickable button in your HTML webpage

There are different types of buttons and it is recommended to mention the button type you intend to use because different browsers have different default button types in case you don’t mention any button type explicitly.

Types of buttons:
button: creates a clickable button
reset: This is used along with a form, it resets all the form values to what they were by default (i.e. before the user entered any values)
submit: This is used along with a form and it submits the form to the desired URL

Lets go ahead and create a Google Custom Search form that allows you to enter a text and as you click on Submit button, it redirects you to Google Search Results for that text

<form> - The form tag allows user to create forms using HTML

action – the action attribute of form tag defines the url where that particular form must be submitted.

<input> - The input tag creates input elements on the web page where user can enter information.

Lets play with our Google Custom Search form and learn more about forms in general

<table> - The table tag allows user to create tables using HTML

<tr> – tr stands for table rows and it allows users to create table rows.

<td> - td stands for table data and it allows users to enter values / data in the table rows.

<th> - Users can optionally decide to create a heading for table using th tag.

colspan – colspan stands for column span and it allows user to span the table heading across any number of columns of the table.

Lets see how tables work by actually creating a table.

<style> - Style attribute lets you define different styling features for any particular element that contains some form of text / image or other data within the tags.

font-family – font-family property changes the font type of text (eg: courier new, arial, etc.)

font-size – changes the size of font (eg: 20px)

color – changes the font color (eg: blue, green, yellow, or hexadecimal values like #FF0000 for a shade of red)

Lets try these different styling attributes.

The background colour of a webpage can be changed using attribute bgcolor within the same angular brackets from where the body tag starts.

bgcolor can be given normal colour values (eg: yellow, black, green, etc.) as well as hex values (eg: #FF3300) for a shade of red.

Lets check it out with our sample html file