Notice that the tag name is repeated in both the opening and closing tags. This just tells the
crawler or web browser where a specific type of formatting or attribute should begin and end.
So, when you use the Bold tag, only the words between the opening and closing tags
will be formatted with a bold-faced font, instead of the entire page being bold.
There’s another element of web-site design that you should know and use. It’s called cascading style
sheets (CSS) and it’s not a tagging method, but rather a formatting method. You should use CSS so
that formatting tags are effective strictly in formatting, while the other tags actually do the work
needed to get your site listed naturally by a search crawler.
Think of cascading style sheets as boxes, one stacked on top of another. Each box contains something
different, with the most important elements being in the top box and decreasing to the least
important element in the bottom box. With cascading style sheets, you can set one attribute or format
to override another under the right circumstances.
We won’t go into creating cascading style sheets in this book. There’s enough to learn about that to
fill at least two additional books, and in fact dozens have been written about them.
When you’re using an attribute from a CSS, however, it’s easy enough to incorporate it into your
web page. The following is a snippet of HTML that uses a cascading style sheet to define the heading
colors for a web page:
Your Web Page Title
H1, H2 { color: green }
First Heading
Enter any text that you would
like to have appear here.
List item one.
List item two.
List item three.
First subheading
Another paragraph of text can go
here. Add whatever you like.
Looking at this bit of code more closely, you see:
This tag indicates that HTML is the language used to create this web page (were this part
of an entire web page).
Your Web Page Title indicates the title of the page.
This is the beginning of a CSS indicator for the style of the web page. In this case the
style applies only to the headings.
H1, H2 { color: green } is the indicator that heading styles one and two should be colored
in purple.
is the closing CSS indicator.
indicates the beginning of the body text.
First Heading
is the first header. In the live view of this page on the web, this headingwould be purple.
Enter any text that you would like to have appear here. This is your first
paragraph of text.
- is the opening tag for an unordered list.List item one is the first item in your list.
List item two is the next item in your list.
List item three is the last item in your list.
First subheading
This is the first subheading. In the live view of this page on theWeb, this heading would be purple.
Another paragraph of text can go here. Add whatever you like. Again,
another paragraph of text.
is the closing body tag. This indicates that the body text of the web page is complete.
is the closing HTML tag, which indicates the end of the web page.
It’s not difficult to use CSS for the stylistic aspects of your web site. It does take a little time to get
used to using it, but once you do it’s easy. And, when you’re using CSS to control the style of your
site, you don’t need to use HTML tags, which means those tags will be much more efficient.
If you liked this article don't forget to subscribe and submit your website to our Submit web Directory.
| < Prev | Next > |
|---|
