header
  HOME > TIPS > CSS > HTML HEADLINES WITH STYLE
ABOUT US   SITE MAP   CONTACT US  
 
pixel
pixel pixel pixel
TIPS
WEB DESIGN
HTML
CSS
JAVASCRIPT
PHP
MySQL
SEO
TUTORIALS
WEB DESIGN
HTML
JAVASCRIPT
PHP
SEO
RESOURCES
ADD LINK
LINK TO US
TOP DIRECTORIES
COMMENTS
SUBSCRIBE
PRIVACY POLICY
SEARCH

pixel pixel

HTML Headlines with style

There has been a trend in web design away from HTML's structural tags (eg - <h1>), instead using the <font> tag or style sheets to gain tighter control of how text is displayed. However, search engines place more weight on keywords within structural HTML tags. The text between your <h1> and <h2> tags are of particular importance. The way to use headings and still control their look is to redefine their look via style sheets. The following code sets any <h1> headings to bold, blue, Arial font and 22 pixels high (of course you'll want to tweak these values to suit your own design).
<html>
<head>
<title>Headlines with style</title>
<style type="text/css">
h1    {
    color:#6699CC;
    font-size:22px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif
    }
</style>
</head>
<body>
<h1>Headlines with style</h1>
</body>
</html>

Unhelpful Helpful Rating 2.4 (score out of 5, no. of ratings: 18)
Comments
Comment by Warren on 2004-07-15
It would be nice to include how to use CSS to make it look nicer while you use this tip.

Comment by platinumOlw4 on 2009-11-25
It is great to get information quickly, versus reading countless pages filled with worthless info. this was straight to the point, crystal clear, the way I enjoy info.

Comment by Diamond on 2008-03-31
Could you explain it more?

Comment by Clara William on 2010-11-29
I have been studying since 3 months WordPress design structure and design of my blog a lot. We should have a very good management and complex code, which is the basic code. I like these tips because they are very good clean css file. http://www.csswebstyles.com/

Comment by Ladainian on 2011-05-21
I bow down humbly in the presence of such greatnses.

Comment by discount Michael Jordan Shoes on 2010-09-17
Air Jordan Shoes are always so attractive, good quality can ensure the wearer's feet, not only that, the Michael Jordan Shoes has become a fashion, many young people are very fanatical Air Jordan. High price so many people can realize their dreams. Well now, our products directly from third-party products, so we can provide cheap Jordan Basketball Shoes and New Jordan Shoes, high quality, excellent service, come on, give yourself a choice. We offerAir Jordan 1, Air Jordan 2, Air Jordan 3,Air Jordan 4, Air Jordan 5, Air Jordan 6, Air Jordan 7, Air Jordan 8, Air Jordan 9, Air Jordan 10, Air Jordan 11 and so on!

Post a Comment
Name
Email
(optional)
Comment
RatingUnhelpful Helpful
Security Image* (this is just to prevent spam submissions)
Security Image
Pixel
NEWS
pixel
New tip: open link in new window

New resource: Internet Explorer downloads

New tip: start cursor in a form field

New tutorial: upload files using a HTML form

Directory of webmaster resources

New section: CSS tips

New tip: finding webpages to link to your site

Updated directory list

New Hexadecimal Color Chart

New tips on Alexa ranking & clean linkage
© 2012 PaperWeb Design