HTML Basic Tags Heading Tags & Font Tags With Example & Video Tutorials in Hindi - Part 3

Learn Tags : HTML Heading Tag, HTML Paragraph Tag, HTML Break Tag, HTML Color Tag, HTML Font Tags With example & Video Tutorial in Hindi.

Hello friends,
I hope you learn about html basics in my first tutorial and in second tutorial you learn history and basic syntax of html, Now I am going to teach you about html tags and there uses with examples.
HTML Basic Tags with Example: 
Heading Tag:  h1, h2, h3, h4, h5, h6.
Heading tag is used to make headings in website, you have seen many websites, and they used heading and subheadings. Heading tag is now days a big part of SEO, if you use h1 heading tag then your title will optimized properly.

Use of heading tag:
H1 - Heading text (Very Big & Bold in size).
Example of heading h1 tag:
<h1>Learn HTML in Hindi </h1>
Output:

Learn HTML in Hindi

H2 - Heading text (Medium Big Size & Bold in size).
Example of heading h2 tag:
<h2> HTML Tutorial in Hindi </h2>
Output: 

HTML Tutorial in Hindi


H3 - Heading text (Medium Size & Bold in size).
Example of heading h3 tag:
<h3> Learn HTML Tutorial in Hindi </h3>
Output: 

Learn HTML Tutorial in Hindi

H4 - Heading text (Medium Size & Normal in size)
Example of heading h4 tag:
<h4> Learn HTML in Hindi </h4>
Output: 

Learn HTML in Hindi


 H5 - Heading text (Small Size & Normal in size).
Example of heading h5 tag:
<h5>Learn HTML Heading Tag in Hindi </h5>
Output: 
Learn HTML Heading Tag in Hindi

Below I have created html page with all html tags, please check and see output.

Paragraph Tag in html: <p> this tag is used to create paragraph.
Example of paragraph tag in html:
<p> Hello friends, this is Amit kumar, from bhilai Chhattisgarh, India. I am a web developer and digital marketing manager at Amison Technologies, Bhilai. From last 3 years I am having experience in web development and digital marketing sectors. If you want to learn more about me then please contact me via email.</p>

Below I have created html page with all html tags, please check and see output.

Break Tag in html: <br>
this tag is used to break line.
Hello <br>
Friends, <br>
How are you. 
Here “Hello” will appear in first line and “Friends” will come on second line and “How are you” display on third line.
Below I have created html page with br html tags, please check and see output.

Colour Tag in html: this tag is used for change or add color in body and texts.
If you wish to change body background colour, then use color tag inside body tag.
Example: <body bgcolor=”green”>

Below I have created html page with color html tags, please check and see output.

HTML Font Tag with Examples: 
Strong Tag in html: <strong> this tag is used to make text in bold.
Below I have created html page with strong html tags, please check and see output.

Small Tag in html: <small> this tag is used to make text in small.
Below I have created html page with small html tags, please check and see output.

Bold Tag in html: <b> this tag is used to make text in bold.
Below I have created html page with b html tags, please check and see output.

Italic Tag in html: <i> this tag used to make text in italic style.
Below I have created html page with i html tags, please check and see output.

Centre Tag in html: <centre> this tag is used to make text in centre.
Below I have created html page with centre html tags, please check and see output.

Comment Tag in html: <!—Comment -->
This is comment tag and it will not display in browser, In place of Comment you can write anything and it is used to understand what you are writing or what you have code below. So that we or anyone else easily understand codes.

HTML Tag example with all above tags:
------------------------------------------------------------------------------------------------------------
<html>
<head> 
<title> Heading Tag </title>
</head>
<body bgcolor="red">
<h1> Learn heading Tag - H1 </h1>
<!—above text will display as a h1 tag -->
Hello Friends, Welcome To My Site: "Technical Programming". <br>
I am amit and i  will teach you html in hindi.
<p> <h2> HTML: - H2</h2>
<!—above text will display as a h2 tag -->
HTML is hypertext mark-up language. It is used to develop websites and web applications.
 For creating html we use notepad editor, and we can directly run on browser. And also 
 we can create from Dreamweaver. </p>
<h3> What is html - h3</h3>
<h4> Use of HTML - h4</h4>
<h5> HTML Benifits- h5</h5>
<h6> Working with HtMl - h6 </h6>
<strong>Hello Technical Programming</strong>  <br>
<small> Hello Technical Programming </small>  <br>
<b>Hello Technical Programming</b> <br>
<i>Hello Technical Programming</i> <br> <br>
<center>Hello Technical Programming</center>  
</body>
</html>
-------------------------------------------------------------------------------------------------------
Copy above code and past in notepad or notepad++ and save as a heading.html or you can use any name but extension should be .html or .html. then see the output.
I attached output below check.
Here you can see the codes and there output. Please do practice then only you can understand these tags and If you will not do practice then you forgot the tags and there uses. Html is having lots of tags and without practice you can not remember these tags.

 Learn HTML Heading and other tags in Video Tutorials - Hindi:


Learn HTML Text & Font Tags in Hindi - HTML Hindi Tutorials:


If you still have any query then please comment below, I will surly try to solve your problems as soon as possible.

Labels: