Creating Your First HTML Page

The basic construction of any web page includes the following tags:-

  1. <!DOCTYPE html> tag tells the browser which version of HTML we are using in our code. 
  2. <html> tag helps to indicate that we are starting our HTML code. 
  3. <head> tag wraps up things like title, metadata for the page
  4. <body> is where the content of the page goes.
<!DOCTYPE html>
<html>
   <head>
      <title>This is my document title</title>
   </head>
   <body>Body content here.</body>
</html>

Furth

er basic tags:-

Heading Tags

The heading is the most common tag in HTML which helps in providing heading of different sizes to any webpage.

There are six levels of heading – <h1>, <h2>, <h3>, <h4>, <h5> and <h6>

<h1> is the largest of all the headings and <h6> is the smallest of all headings.

<!DOCTYPE html>
<html>
   <head>
      <title>This is my document title</title>
   </head>	
   <body>
	<h1>Heading 1 - Largest heading</h1>
	
     	<h3>Heading 3</h3>
 	<h4>Heading 4</h4>
        <h5>Heading 5</h5>
        <h6>Heading 6 - Smallest Heading</h6>
   </body>
</html>

Paragraph Tags

This paragraph tag offers a way to structure your content into different paragraphs. Content is written in between of opening <p> and closing </p> paragraph tags.

<!DOCTYPE html>
<html>
   <head>
      <title>This is my document title</title>
   </head>	
   <body>
	<p>This is first paragraph</p>
	<p>This is second paragraph</p>		
	<p>This is third paragraph</p>
   </body>
</html>