Hi there, Kass.
HTML are predefined tags for laying out a page. For instance, you create
tables, paragraphs and such using the predefined HTML tags...
<table width="500" border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td width="10"> </td>
<td width="480"><p>10 pixel side demonstration</p></td>
<td width="10"> </td></tr></tbody></table>
CSS provides _YOU_ with a way to define how the tags are interpreted by
the browser. _YOU_ can change the how the browser interprets those tags.
One important concept that you'll need to know, involves the concept of
"block" level elements and "inline" elements.
www.w3schools.com provides
a really good description of it all. You'll find the concepts of "block" and
"inline" everywhere inside of CSS. The way I think of it, is that "block"
identifies elements that carry both a height and width and generally is thought
to start a new line, while "inline" means the HTML tag falls in line with the rest
of the line and does NOT start on a newline.
For instance, you'd use the bold tags to highlight an item on a line...
<p>Here is <b>bold</b>. Here is <i>italic</i>. Here is <b><i>bold
and italic</i></b>.</p>
The paragraph tags ("<p></p>") are "block" tags. The bold and italic tags
("<b><i></i></b>") are "inline" tags.
Using CSS, you can configure how the tags are displayed.
I disagree with what Murray said. He said, "HTML is for CONTENT.
CSS is for PRESENTATION. The two do not interconvert." It needs
a little more explaining because it can be confusing the way it's stated
there.
The problem with that statement is that content IS text, pictures and objects.
HTML does the <i>presentation</i> of the <b>content</b> and provides
a way to <i>change</i> the content. You don't need HTML to present
a picture, text but it might be needed for the creation of objects. For
example, you can view any picture on the web <b>without</b> HTML. You
can view any text file on the web <b>without</b> HTML. HTML does
the presentation and...
CSS provides a way to <i>change</i> the presentation, ie change the
default properties of the HTML tags, as well as, create your own HTML
tags. For instance, you can create your own bi tag for bold and italic:
<html>
<head>
<style type="text/css"><!-- //hide from older browsers
// CSS
bi {
display: inline;
font-weight: bold;
font-style: italic;
}
// --></style>
</head>
<body><p>Here is <bi>bold and italic</bi>.</p></body>
<html>
Hope that helps.
--
Jim Carlock
Please post replies to newsgroup.
I have a page designed in FrontPage. I want to use it as a template to
design all the other pages in the web site. I also would like to be able to
use that template as a master page, so when I make changes the format of that
page all the other pages in my web will follow suit. Like, if I added a
picture to the master page, the picture would show up in all the other pages.
I understand you can link from your site pages to a CSS page, but I'm not
versed in CSS language. Is there a way to take my FrontPage HTML designed
page and convert it to CSS language?
Kass
