H1 tags

Discussion in 'HTML & Website Design' started by pavaniperumalla, Dec 10, 2010.

  1. #1
    Hi Every One,

    I have a website that is www.vesag.com. I want to keep h1 tags. How to to keep h1 tags without disturbing the font size. Any one please help me.

    we are using this code

    <div class="title_bg">&nbsp;<img src="images/icon2.png" height="12" width="12"> Heart Rate Monitor</div>

    I want to keep h1 tag for "Heart Rate Monitor". With out disturbing font size i have to keep h1.


    one one please help me.
     
    pavaniperumalla, Dec 10, 2010 IP
  2. badhim

    badhim Member

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #2
    <h1 class=classname>Heart Rate Monitor</h1>

    Where "classname" is the class where you have specified the font size for the body text. Or you can set style directly. For example:

    <h1 style="font-size: 12px">Heart Rate Monitor</h1>
     
    badhim, Dec 10, 2010 IP
  3. nadeem3366

    nadeem3366 Member

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    Hi,

    Use this one in css and you can also modify it fi you want.

    h1{
    font-size:12px;
    }

    now where ever you have used h1 tag, then it will applied on that.

    Have a Good Day!
    .....Nadeem A.
     
    nadeem3366, Dec 10, 2010 IP
  4. amitsoni

    amitsoni Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Changes in html

    <div class="title_bg">&nbsp;<img src="images/icon2.png" height="12" width="12"><h1> Heart Rate Monitor</h1></div>

    Changes in css

    title_bg h1{
    font-size:12px;
    }
     
    amitsoni, Dec 10, 2010 IP
  5. niliven

    niliven Well-Known Member

    Messages:
    72
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    101
    #5
    Great.
    A heading element briefly describes the subject of the page you enter. The label is the owner of a "newspaper headline" of the architecture of your website. Do you want to format the items for the search engine understand what your page is and want to designate your h1 tag game with a title on its website. You may also have titles that are under H2, H3, H4, H5 and H6 above. How many of each do you have? Should only be one h1, and no differentiation in h6 h2 per page. As for the Google scanners regards, h2 h6 are equally worthy. H1 identifies words and phrases to optimize and also helps readers to break the content into sections for quick and easy to understand what the page is about.
    thanks.
     
    niliven, Dec 10, 2010 IP
  6. Messer.Edge

    Messer.Edge Peon

    Messages:
    48
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    .title_bg h1 { font-sixe:12px; }
     
    Messer.Edge, Dec 11, 2010 IP
  7. pauljhonsun

    pauljhonsun Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Hey fren

    You should create a external CSS file for extra formatting. however, you can use internal style but the external CSS file would be the best option.

    firsth1
    {
    font-size: 12px;
    }
    sech1
    {
    font-size:12px;
    }

    save the file with .CSS extention. You can use H1 tags as much as you can without any problem

    Good Luck
     
    pauljhonsun, Dec 13, 2010 IP