Build your page and test your browser !

We will construct a Web Page using Cascading Style Sheets and then we will test your browser by going to the W3C test suite web site. It is suggested to test several browsers when constructing a web site.

It is important to make sure that your web page is built on the premise that not all browsers support CSS. Especially earlier versions of Netscape and Internet Explorer and each level of CSS is built on the next. With that in mind let us start with a basic HTML page:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
<TITLE>CSS Sample Web</TITLE>
<LINK REL=stylesheet TYPE=“text/css” HREF=“text.css”>
<BODY>
<TABLE BORDER=“0” CELLPADDING=“0” CELLSPACING=“0”>
<TR>
<TD>
<P ALIGN=“CENTER”><STRONG><H3>CA274<BR> CSS Research Project<BR>Web Site</H3></p></STRONG>
</TD>
</TR>
<TR>
<TD>

<H1>Let's</H1>

<H2>See</H2>

<H3>How</H3>

<H4>Cascading</H4>

<H5>Style</H5>

<H6>Sheets work</H6>

</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Copy the HTML for this web page example into notepad(PC) or simple text(MAC) and label the document test.html. Below is the link to provide you with the data for the cascading style sheet. Make a copy of this page in notepad(PC)or simple text(MAC) label it test.css and make sure you put it in the same folder with the HTML file. Now go to the W3C web site and use it to test your CSS and the different browsers.

text.css pdf link. We are using the text.css file as an external link for this webpage. Review the linked file and notice how some of the headers are centered and some aligned left.

Home •Finer Points • Tutorial • Links and References • Test Site

Created by
Jill Weinstein
Contact Webmaster
last modified:
December 22, 2002
©Copyright 2000-2002