Thursday, December 8, 2016

HTML- Lecture 4 - HTML heading tag and paragraph tag

Welcome Listeners to our HTML 4th lecture,
Today we'll learn about HTML heading and paragraph tag.

HTML Heading Tag

In HTML there are 6 heading tag. They are h1, h2, h3, h4, h5 and h6. They are exactly look like this:
Code :


<h1>Hello listeners, this is inside HTML h1 tag</h1>

<h2>Hello listeners, this is inside HTML h2 tag</h2>

<h3>Hello listeners, this is inside HTML h3 tag</h3>

<h4>Hello listeners, this is inside HTML h4 tag</h4>

<h5>Hello listeners, this is inside HTML h5 tag</h5>

<h6>Hello listeners, this is inside HTML h6 tag</h6>

Output:


Hello listeners, this is inside HTML h1 tag

Hello listeners, this is inside HTML h2 tag

Hello listeners, this is inside HTML h3 tag

Hello listeners, this is inside HTML h4 tag

Hello listeners, this is inside HTML h5 tag
Hello listeners, this is inside HTML h6 tag
So, I think html heading tags are clear to you. We use these tags mainly in highlighting more or get more bigger font easily. These font's are used basically in post title and these types of attributes.

HTML ParagraphTag

 Now we will start another HTML tag called paragraph tag. Paragraph tag starts in <p> and end in </p>. This is a simple tag and almost most used tag in web browser. The use of HTML paragraph tag looks like this-
Code :


<p>Hello listeners, this is inside HTML paragraph tag and it is used to make any paragraph or something lke this</p>

Output:


Hello listeners, this is inside HTML paragraph tag and it is used to make any paragraph or something lke this

 Ok Now see a complete practical example of using HTML heading tag with paragraph tag.
Code :


<html>
 <head>
  <title>Welcome to our HTML 4th lecture</title>
 </head>
 <body>
  <h1>Blog of Maniruzzaman Akash</h1><hr />
  <h2>About Today</h2>
  <p>Hello, listener's this is my 4th lecture and I think you've got the lecture clearly.</p>

  <h3>Note:</h3>
  <p>And in this lecture if you got any problem, please tell us by commenting or connecting in our facebook page</p>
  <p>Thank you so much for staying with me</p>
 </body>
</html>







Output:










Ok thanks again for staying with me, and wait for my 5th lecture on HTML. Hope I'll come back quickly.












at




















No comments:
















Post a Comment