![pixel](src="/images/p.gif")
|
 |
HTML Headlines with styleThere 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>
|
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 Diamond on 2008-03-31
Could you explain it more?
|
|
|
