Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

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>