Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


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

1 Web Authoring Task 1– Create Style Sheet H1 H2 P LI OL UL Table Body
Write your own CSS for common styles like: h1, h2, h3, P, li – Save style sheet as “Style5” Attach the style sheet and apply the text styles. Colour H1 Full Red San-Serif, 22, bold, italic, center H2 50 % Red (No green or blue components) San-Serif, 16, bold, italic, Left P Dark shade of Blue San-Serif, 12, bold, Justify LI Black serif, 12, left OL Decimal UL Square Disc Table Set background colour to Yellow Set external border to Blue (width 2) Collapse Border Set internal border colour to Red (width 2), Set cell padding to 3 All solid Borders Body Set the Bground.jpg (tiled) image as your background Set your name as a comment

2 Web Authoring Task 2 – Create Table Cell A -H1 Cell B - Image
Create a new html file called Apps.htm and attach the stylesheet. Create the table shown below Table Settings: Height: 600Px Width: 500PX Insert the following text and images into the cells: Cell A: Apps Cell B: Insert Facebook.jpg image Cell C: Insert Whatsapp.jpg image Cell D:  A mobile app is a computer program designed to run on smartphones, tablet computers and other mobile devices. Cell E: Links, Link 1 - Link 2 - Cell F: Best Selling Apps – Five Nights At, Mine Craft, Goblin Sword Hyperlinks to open on a blank window Cell A -H1 Cell B - Image Cell E – Title as H2 Links – li (unordered list) Cell C - Image Cell F – Title as H2 Chart – li (ordered List) Cell D -H1


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

Similar presentations


Ads by Google