Titles
How can I define my titles to stand out?
Don't forget the start tags and end tags. All the codes on this page go in between these two tags!
|
<style type="text/css"> |
</style> |
There are several ways to define your titles, and more than one! See the below codes for some options.
Headers
By defining headers, you can specify certain titles to look the way you want, and have up to 6 unique designs, with just headers. You simply have to add a unique code for each header you're using, knowing that you can use 'H1' to 'H6'. So, the basic code would be like this.
h1 {
properties;
}
You still have to fill in the properties you want defined, however. So, if I'm using the H1 header style on a page, it might look like this.
h1 {
color: #FFFFFF;
background-color: #000000;
font-size: 14pt;
font-family: verdana;
display: block;
}
Then, wherever you want it to show on the page, you would simply do this.
<h1> TEXT HERE </h1>
Rememember, though, that you can use this same code for up to 6 headers. So, if you have the 'h2' properties defined in your style tags, you can use an h2 header on your page. So, I may end up with a script that looks like this.
h1 {
color: #FFFFFF;
background-color: #000000;
font-size: 14pt;
font-family: verdana;
display: block;
}
h2 {
color: #FFCCFF;
background-color:#D3D3D3;
font-size: 10pt;
font-family: verdana;
font-weight: bold;
text-decoration: underline;
display: block;
}
h3 {
color: #000000;
font-size: 10pt;
font-family: verdana;
text-decoration: underline;
margin-left: 10px;
}
h4 {
color: #FFCCFF;
font-size: 10pt;
font-family: verdana;
border-bottom: 1px dashed #000000;
}
Then, on my page itself, where I want the titles to show up, I would have these codes.
<h1>HEADER 1 TEXT</h1>
<h2>HEADER 2 TEXT</h2>
<h3>HEADER 3 TEXT</h3>
<h4>HEADER 4 TEXT</h4>
You can also use classes to specify titles. For those codes, please click the 'spans' link on the sidebar.