Presentation is loading. Please wait.

Presentation is loading. Please wait.

Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring

Similar presentations


Presentation on theme: "Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring"— Presentation transcript:

1 Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring
Task 1– Set the style sheet so each table has: Create a new CSS called Cameras.CSS Style Sheet H1 Red, San-Serif, 22, bold, italic, center LI Red, Serif, 18, left Table Blue Background Height: 600px, Width 400px Collapsed Borders External Borders – 4 px, Red Internal Borders – 1px, Black TD All Borders Solid Cell Padding 10 PX (all) Body Yellow Background Set your name as a comment

2 Web Authoring Task 2 – Create Table Place Image 1 Nikon D3300
Resize image 1, image 2 and image 3 in a suitable application. The width for each image should be 100 Pixels. Maintain the aspect ratio. Create a new html file called Cameras.htm and attach the style sheet created in step 1. Create the tables shown below. Insert the three resized images. Insert the text and apply the CSS styles. Place Image 1 Nikon D3300 24 Megapixel HD Video £450 Place Image 2 Cannon 600D 26 Megapixel £550 Place Image 3 Top Sales Nikon Cannon Panasonic Heading 1 Unordered List - UL Heading 1 Unordered List - UL Heading 1 Ordered List - OL


Download ppt "Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring"

Similar presentations


Ads by Google