HTML H1 Tag ,h1 tag color,h1 center, h1 font size

In my previous article I have teach you html head section with examples. Now in the  tutorial we will a brief discuss about html heading tag. The first html heading tag is H1.

The H1 tag is use for big heading in html document. This tag is mostly used for web page document title.

And we will discus it with CSS style. In HTML tags the built-in CSS classes are used for tags formatting. In the H1 styling we will cover the following .

Click here to download Sublime Text Editor

  1. HTML H1 TAG

  2. HTML H1 TAG COLOR

  3. HTML H1 CENTER

  4. HTML H1 FONT SIZE

  5. HTML H1 ELEMENT

  6. HTML H1 TAG FONT SIZE

  7. HTML H1 BACKGROUND COLOR

  8. HTML H1 MEANING

  9. HTML H1 CENTER OF PAGE

  10. HTML H1 BOLD

  11. HTML H1 WITH LINK

HTML H1 TAG

Example:

HTML H1 TAG

<h1>HTML H1 TAG</h1>

Output is:

HTML H1 TAG

HTML Tag Color:

To assign the color in html tag wee need add styling in start tag.

Example:

HTML H1 TAG

<H1 style =”color:blue;”>HTML H1 TAG WITH BLUE COLOR</H1>

Output is:

HTML H1 TAG

HTML Tag Alignment:

To format the h1 tag alignment you should select the text-align property from the the css class.

Example;

html h1 tag
<h1 style="color:blue; text-align: center;">HTML H1 TAG</h1>

HTML H1 Font Size:

After the  adding text-align property you can add the font size of h1 tag. And add the font value with px.

Example:

<h1 style="color:blue; text-align: center; font-size: 20px;">HTML H1 TAG</h1>

Adding Background Color In H1  Tag

To change the background color of h1 tag you must select the background-color property from the clas;

Example:

<h1 style="background-color: yellow;">HTML H1 TAG</h1>

HTML H1 Tag Bold

Example:

<h1 style="font-style: bold;">HTML H1 TAG Background Color</h1>

HTML H1 Tag link

Add the internal and  external link in h1 tag we use the <a> tag in start point and href “” for building link.

Example:

<h1 style="font-style: bold;">

<a href="https://gss-technology.com/">
HTML h1 tag link ! click here
</a>

This Post Has 4 Comments

  1. Andrew Cooley

    I know this web page presents quality dependent articles
    or reviews and
    additional information,
    is there any other web page which offers these kinds of
    stuff in quality?

    1. gsstechnology

      I am developing another blog site coming soon “www.progscript.com”

Leave a Reply