PROJECT CODE

                                            The Developers Choice!!!!
                                                                                                            Home | About Us | Contact Us

HTML TUTORIALS

Lecture4 : Basics

What is HTML Heading Tag
Heading tag implement six levels of document headings, <h1> is the most important and <h6> is the least. A heading tag briefly describes the topic of the section it introduces. Heading information may be used by user agents, for example, to construct a table of contents for a document automatically.
How to use HTML Heading Tag
Heading tags, as their name suggests, are used to differentiate the heading of a page from the rest of the content. These tags are also known to webmasters as HTML header tags, head tags, heading tags and SEO header tags. The most important heading tag is the h1 tag and least important is the h6 tag. In HTML coding the header tags from h1 to h6 form a hierarchy. This means that if you skip any of the tag numbers (ie. jump from 1 to 3) the heading structure will be broken, and this is not ideal for on-page SEO.

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

How to implement HTML Heading Tag
Example :
<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>


Output :

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6
What is HTML Paragraph Tag
The paragraph tags are used to define a block of text as a paragraph. This HTML element is one of the basic HTML tags you should learn to use properly. When a block of text is surrounded by the paragraph tags, the browser automatically adds white space before and after the paragraph.
How to use HTML Paragraph Tag
HTML paragraphs are defined with the <p> tag.

<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<p>This is paragraph 3</p>
How to implement HTML Paragraph Tag
Example :
<!DOCTYPE html>
<html>
<body>

<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<p>This is paragraph 3</p>

</body>
</html>


Output :

This is paragraph 1

This is paragraph 2

This is paragraph 3

What is HTML link Tag
The HTML link element is very similar to the HTML a element because it's used to link a document to other resources. But unlike it, the HTML link element can only be defined in the head section of the document (HTML head element) and is used to provide global relational information about the document.
How to use HTML link Tag
The HTML Link Element define relationships between the current document and external resource. Possible uses for this element include defining a relational framework for navigation. This Element is most used to link to style sheets.

<a href="http://www.projectcode.co.in">
How to implement HTML link Tag

Example :
<!DOCTYPE html>
<html>
<body>

<a href="http://www.projectcode.co.in"> This is a link</a>

</body>
</html>


Output : This is a link
What is HTML image Tag
The HTML img element inserts an image in the document, which location is set in the "src" attribute. The <img> element, like most elements, is a container. It is not an image in and of itself, but a receptacle for one.
How to use HTML image Tag
HTML images are defined with the <img> tag.

<img src="logo.png" alt="projectcode.co.in" width="112" height="100">
How to implement HTML image Tag

Example :
<!DOCTYPE html>
<html>
<body>

<img src="../../logo/logo.png" alt="projectcode.co.in" width="112" height="100">

</body>
</html>


Output :
logo
   
All Rights Reserved with Project code