Question on <h1> tag

Discussion in 'Search Engine Optimization' started by drhfinegifts, Mar 12, 2006.

  1. #1
    Is it okay to put formatting within the <h1> tag?

    Example: <h1><font size=2><b><i>blah blah blah</b></font></i></h1>

    The reason I am asking is because the <h1> font comes up BIG & UGLY on my site.

    I'm not sure, but I think it has to do with my css stylesheets, but I just can't figure out how to fix.
     
    drhfinegifts, Mar 12, 2006 IP
  2. madkad

    madkad Active Member

    Messages:
    1,686
    Likes Received:
    83
    Best Answers:
    0
    Trophy Points:
    90
    #2
    you would be better doing it with the css like this

    h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    }


    with the font-size: 18px; you can change the size so its not big :)
     
    madkad, Mar 12, 2006 IP
  3. WhatiFind

    WhatiFind offline

    Messages:
    1,789
    Likes Received:
    257
    Best Answers:
    0
    Trophy Points:
    180
    #3
    Use css for doing something like this..

    For instance:

    h1 {
    font: bold 12px Arial, Tahoma, sans-serif;
    }

    Then use the H1 tag in your website.
    Also don't use the bold and italic tag in H1, also use this in css style.
     
    WhatiFind, Mar 12, 2006 IP
  4. drhfinegifts

    drhfinegifts Peon

    Messages:
    368
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Great! That works! How do you make the font in italics?
     
    drhfinegifts, Mar 12, 2006 IP
  5. Manish Pandey

    Manish Pandey Well-Known Member

    Messages:
    656
    Likes Received:
    43
    Best Answers:
    0
    Trophy Points:
    133
    #5
    Well css could help you to get out of this problem... i guess you are quite new to the webdesigning... i would like to tell you that you better give some time to yourself in learning the basics of css... and you would really love to make the pages later on.

    Take care

    Manish
     
    Manish Pandey, Mar 12, 2006 IP
  6. digital1

    digital1 Well-Known Member

    Messages:
    517
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    125
    #6
    h1 {
    font-style: italic;
    }

    :)
     
    digital1, Mar 12, 2006 IP
  7. WhatiFind

    WhatiFind offline

    Messages:
    1,789
    Likes Received:
    257
    Best Answers:
    0
    Trophy Points:
    180
    #7
    WhatiFind, Mar 12, 2006 IP
  8. drhfinegifts

    drhfinegifts Peon

    Messages:
    368
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Not that new to webdesigning, but not a guru either. But webdesign is not my business, only small part of running my retail biz.

    Did you happen to look at my site in my sig?
     
    drhfinegifts, Mar 12, 2006 IP
  9. drhfinegifts

    drhfinegifts Peon

    Messages:
    368
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Thanks for all the help!
     
    drhfinegifts, Mar 12, 2006 IP
  10. KevinK

    KevinK Well-Known Member

    Messages:
    101
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    135
    #10
    Also, use... <h1>This is Kevins title</h1><p>This is some text from Kevin</p><h2>Sub title from Kevin</h2><p>this would be some more text</p>

    I've found <p> to help me a lot... same as h2...
     
    KevinK, Mar 12, 2006 IP
  11. KevinK

    KevinK Well-Known Member

    Messages:
    101
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    135
    #11
    One more thing I just thought about or rather, wanted to share.

    What I usually do is, turn off all the style sheets and see how the page reads without CSS. If it reads nicely from top->to->bottom I am usually happy. <h1> <h2> <p> tags are really important when there are no styles sheets, unless you are using tables to style… but… yes.
     
    KevinK, Mar 13, 2006 IP
  12. Dakait

    Dakait Banned

    Messages:
    287
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Use-

    .h1style {
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
    }

    Use margin-top and margin-bottom otherwise you'll have space.
     
    Dakait, Mar 13, 2006 IP
  13. KevinK

    KevinK Well-Known Member

    Messages:
    101
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    135
    #13

    Why not:

    .h1 {
    margin:0px;
    }

    or

    .classname h1 {
    margin:0px;
    }
     
    KevinK, Mar 15, 2006 IP
  14. seo_expert

    seo_expert Well-Known Member

    Messages:
    475
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    123
    #14
    I was wondering myself how to tame the H1 tags..now I have the code to do it. :)
     
    seo_expert, Mar 15, 2006 IP
  15. SEOinAZ

    SEOinAZ Active Member

    Messages:
    146
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    68
    #15
    Formatting H1 tags with html will devalue them. You definitely want to keep the h1 tags clean and use css.
     
    SEOinAZ, Mar 15, 2006 IP