12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Where do we put H1 h2 tags/ Help pls

by awledd
10 replies
  • ECOMMERCE
    • |
This is the code of the page
/* Headline Tags H1 to H4 */

h1 {
letter-spacing: -1;
font-family: Tahoma, Verdana, Arial, serif;
font-size:30pt;
font-weight:bold;
text-align:center;
color:#ce0000;



}
h2 {
letter-spacing: -1;
font-size: 24pt;
font-weight: bold;
color: #222222;
font-family: Tahoma, Verdana, Arial, serif;
text-align: center;

It continues to h4. So where do I insert my tags? how about meta tags?
#pls #put #tags or
  • Profile picture of the author ronrule
    I'm not sure what you're asking, are you trying to figure out the best place to USE an H1 within the page? In most cases it should be the product name - an H1 should be one of the first things in the <body> section of the site, below whatever universal header you're running site wide.

    <html>... <body>
    <div id="header">
    universal site header here
    </div>
    <div id="main_content">
    <h1>Product Name</h1>
    ...
    </div>
    <div id="footer">
    universal site footer here
    </div>
    </body>
    </html>
    Signature

    -
    Ron Rule
    http://ronrule.com

    {{ DiscussionBoard.errors[8003764].message }}
  • Profile picture of the author oceola
    <h1> text <h1/>
    <h4> text<h4/>
    {{ DiscussionBoard.errors[8003789].message }}
  • Profile picture of the author oceola
    you must put it above <head> tagin main html
    {{ DiscussionBoard.errors[8003800].message }}
    • Profile picture of the author deraya
      Originally Posted by oceola View Post

      you must put it above <head> tagin main html
      this is a good clue indeed
      Signature
      KAMIBOX.ID
      {{ DiscussionBoard.errors[8009468].message }}
    • Profile picture of the author panic
      Originally Posted by oceola View Post

      <h1> text <h1/>
      <h4> text<h4/>
      ...this is wrong...use:
      <h1> text</h1>
      <h4>text</h4>

      Originally Posted by oceola View Post

      you must put it above <head> tagin main html
      This is also wrong...

      You put it below <head>
      but above </head>
      Signature

      ~

      {{ DiscussionBoard.errors[8011756].message }}
      • Profile picture of the author oldguyfl
        Originally Posted by panic View Post

        ...this is wrong...use:
        <h1>text</h1>
        <h4>text</h4>
        This is correct , use it !
        {{ DiscussionBoard.errors[8021798].message }}
  • Profile picture of the author DynaSpy
    The codes you posted are CSS (cascading style sheet) codes to change the look of your H tags. When coding your page, put the "H1 { }, etc." codes at the top within the <head></head> tags. So like this:

    <html>
    <head>
    <style>
    h1 {
    letter-spacing: -1;
    font-family: Tahoma, Verdana, Arial, serif;
    font-size:30pt;
    font-weight:bold;
    text-align:center;
    color:#ce0000;
    }
    </style>
    </head>
    <body>
    <H1>Title Of Page Or Product Name Here</H1>
    </body>
    </html>

    Now the H1 will take on the style laid out in the <style> block.

    The best way and accepted practice is to create a .CSS file and put all of the style codes in there and then include it in your html file. I won't get into how to do this, I would suggest you do a search for CSS how-to and learn from there as there's tons of tutorials out there.

    Good luck!
    {{ DiscussionBoard.errors[8004250].message }}
  • Profile picture of the author awledd
    I bought that site from a gig in fiverr and it is a cool 1 page site like a sales page but I check on the pagesource and it is a mess I guess - I'm no expert on HTML or CSS But I don't know why there are more codes than the actual visible text. Will try to add your suggestions as tags.
    Signature
    http://dess.me
    {{ DiscussionBoard.errors[8007449].message }}
  • Profile picture of the author panic
    You gave CSS code, that is used to style your tags. Meta-tags go in the header.

    If you want to actually use your h1-4 tags on your text you need to wrap them around the text in the html code.

    <H1>For example this code is wrapped by a H1 tag.</H1>

    The above H1 will be styled by the H1 {CSS} code that you have in your OP. You do the same thing for H2, H3, H4 tags.

    Use these Links to learn more:
    Meta-Deta
    H Tags
    CSS
    Signature

    ~

    {{ DiscussionBoard.errors[8008257].message }}
  • Profile picture of the author awledd
    Where? top middle or anywhere?
    Signature
    http://dess.me
    {{ DiscussionBoard.errors[8024054].message }}

Trending Topics