Describe formatting information in the html file

Question

Assignment:

The goal is to demonstrate how a single HTML document can be presented in two different appearances, determined by the document's CSS stylesheet. Your HTML file should be called p1.html and the two stylesheets should be called p1a.css and p1b.css. If the HTML file links to p1a.css then it should appear like this ("Version A"), assuming you are running Firefox on a Windows machine:

If the HTML file links to p1b.css then it should appear like this in Firefox on Windows ("Version B"):

If you are using a Macintosh the appearance will be slightly different.

Here are some additional details and requirements for this problem:

•The content should be described in a single HTML file, using a

element to display the main table.

•There may not be any formatting information in the HTML file other than class and id attributes.

•The appearance must be generated entirely with CSS style information; you may not use images for this problem.

•The only change that should be required to switch from Version A to Version B is to change the element in the header to refer to a different CSS file.

•Try to duplicate the appearance in the images above ("pixel perfect"). For example: ?Some of the columns should be centered whereas others are left-justified.

?The "Total" line appears only in Version B (hint: you may find the display attribute useful in producing this effect).

?Both versions use the Tahoma font in a 13-pixel size.

?The background color for the header row in Version A is #687291.

?The background colors for the body rows in Version A are #eeeff2 and #dfe1e7.

?The white lines between rows in Version A are 1 pixel wide.

?The color for the frame around Version B is #d0d0ff.

?The frame in Version B is 10 pixels wide; there are 20 pixels of empty space on either side of the frame.

?The horizontal rule above the "Total" line in Version B is 2 pixels wide.

?Match the padding and spacing as closely as possible.

•Your HTML file must be a valid HTML document

View Complete Question

Solution Preview :

Prepared by a verified Expert

Computer Engineering: Describe formatting information in the html file

Reference No:- TGS01933422

Now Priced at $25 (50% Discount)

Recommended (90%)

Rated (4.3/5)

Have a Question? (oR Write a Review)

Write atleast 100 words!!

   Recent Questions Asked Computer Engineering

Q : Formulation of real-life problems and graphs Formulate two word problems from day-to-day life that can be translated to quadratic equations.

Q : Random arrival rates for patients Do doctors' offices generally have random arrival rates for patients? Are service times random?

Q : Interest invested in bonds I just need to know calc for what $100,000 at 8% interest invested in bonds would be after maturing in 20 years.

Q : Problem-systems of equations Walt made an extra $9000 last year from a part-time job. He invested part of the money at 9% and the rest at 8%.

Q : Describe formatting information in the html file The goal is to demonstrate how a single HTML document can be presented in two different appearances, determined by the document's CSS stylesheet

Q : Creating a brochure parents of children in special education he brochure should target parents of children in special education - remember that most parents DO NOT have a background in special education law.

Q : What is the company tax liability Corporation has $100,000 of taxable income from operations plus $5,000 of interest income and $10,000 of dividend income. What is the company's tax liability?

Q : Discuss currently used tools to defeat attacks Web phishing, pharming and vishing are popular web based scams. Discuss currently used tools and recommended measures to defeat this kind of attacks

Q : Financial statements for brandon Here are incomplete financial statements for Brandon, Inc. Calculate the missing amounts.