6/23/20

HTML HEADING :- FULL EXPLANATION WITH EXAMPLES


Hey Friends

Moving on to the Html Series, today we are going to talk about Html Heading. HTML Heading is the Html tag that is usually used in the Html documents. So without wasting time, Let’s Begin




HTML Heading


Heading tags generally used to show title or subtitle of your Html Pages. 


This line (heading) appears above the paragraph of the webpage so that people can understand what this paragraph wants to tell us about.


Syntax of the heading tags are:-


<h1> ………….. </h1>

<h2> ………….. </h2>

<h3> ………….. </h3>

<h4> ………….. </h4>

<h5> ………….. </h5>

<h6> ………….. </h6>


<h1> heading tag defines the largest heading and <h6> define the smallest heading. 


Note: - You can only use tags from h1 to h6.



Aligning HTML Headings


You can also align the HTML Heading by yourself. You have to just put style on your heading. To align headings we need to use the text-align CSS property with value LEFT, RIGHT OR CENTER. By Default, your heading show on the left of your browser and if you want it somewhere else use the style shown on the example below


Example: -


<h1 style= "text-align: Right"> Example of Heading aligned Right. </h1>

<h2 style= "text-align: Center"> Example of Heading aligned Center. </h2>

<h3 style= "text-align: Left"> Example of Heading aligned Left </h3>


Output:-



Heading Color


You can also change your heading color by putting color property of CSS on your Heading Tag. To change the color of the heading use the style is shown in the example below.


Example:-


<h1 style= "color: red"> Example of Heading With Red Color. </h1>


<h2 style= "color: blue"> Example of Heading With Blue Color. </h2>


<h3 style= "color: purple"> Example of Heading with Purple Color. </h3>


Output:-


So, in this article, you have learned about the Html heading and its types. We have also used some CSS styles used on the heading tag. I hope you understand what I wanted to explain. If there are any quarries related to this article comment below or message me on my Instagram or Facebook or any other social media. I will try to explain it to you again. Hit the share button if you like the content. See you in the next article.



Thank you so much for visiting here

Have a good day you all.



"+y+""}else{if(A==5){c+='
  • '+w+""+y+"
  • "}else{if(A==6){c+='
  • "+w+'
    '+u+""+y+"
  • "}else{c+='
  • "+w+"
  • "}}}}}s.innerHTML=c+=""+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); //]]>

    0 comments:

    Post a Comment

    Follow on Twitter

    Linkedin

    Categories

    Contact Form

    Name

    Email *

    Message *

    Mad About Computer. Powered by Blogger.
    This site is in no way affiliated with or endorsed by specified business. It exists as a compendium of supporting information intended for informational purposes only. If you want to buy this website, please don't hesitate to contact us via e-mail: "d e n a c c 9 7 7 (at) g m a i l (dot) c o m" (delete spaces) or you can find and buy it on Afternic domain auctions.