Presentation is loading. Please wait.

Presentation is loading. Please wait.

Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body

Similar presentations


Presentation on theme: "Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body"— Presentation transcript:

1 Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body
Write your own CSS for common styles like: h1, h2, h3, P, li – Save style sheet as “Style4” Attach the style sheet and apply the text styles. Colour H1 Full Red San-Serif, 22, bold, italic, center H2 Black San-Serif, 18, bold, center P San-Serif, 12, bold, Justify LI serif, 10, left, italic, disc Table Set background colour to grey Set external border to Black (width 4) Collapse Border Set internal border colour to blue (width 2), Set cell padding to 3 All solid Borders Body Background colour - Blue Set your name as a comment

2 Web Authoring Task 2 – Create Table Cell A -H1 Cell B - H2
Create a new html file called Mobiles.htm and attach the stylesheet. Create the table shown below Table Settings: Height: 500Px Width: 500PX Insert the following text and images into the cells: Cell A: Mobile Phones Cell B: Phone Name: I Phone 6, Brand Apple, Cell C: Insert Iphone6 image. Cell D: Features: CPU - 4 GHz dual-core, Storage 16, 64 or 128 GB, Multi-touch touchscreen, Retina HD Display Cell E: Phone Name: Samsung S5, Brand Samsung, Cell F: Insert Samsung S5 image. Cell G: Features: CPU GHz quad-core, Storage 16 GB, 32 GB, Full HD Super AMOLED, 16 megapixels Camera Hyperlinks to open on a blank window Cell A -H1 Cell B - H2 Cell C - image Cell D– Title as H2 Features - li Cell E - H2 Cell F- Image Cell G– Title as H2 Features - li


Download ppt "Web Authoring Task 1– Create Style Sheet H1 H2 P LI Table Body"

Similar presentations


Ads by Google