Presentation is loading. Please wait.

Presentation is loading. Please wait.

Web Authoring Task 1– Create Style Sheet List – LI { Table Body

Similar presentations


Presentation on theme: "Web Authoring Task 1– Create Style Sheet List – LI { Table Body"— Presentation transcript:

1 Web Authoring Task 1– Create Style Sheet List – LI { Table Body
Write your own CSS for common styles like: h1, h2, h3, P, li – Save style sheet as “Text styles” Attach the style sheet and apply the text styles. Heading 1 – H1 { font- family: San serif; font-size: 24; font-style: italic; colour: RED; font-weight: bold; text-align: Center; } Heading 2 – H2 { font- family: Serif; font-size: 16; colour: Dark Red; text-align: left; Heading 3 – H3 { colour: Red; Paragraph – P { font-size: 12; colour: Black; text-align: Justify; List – LI { font-size: 14; colour: DARK BLUE; List style: disc; Table External border: Black, solid line, 3PX Internal Border: Red, solid line, 1PX Internal colour: Yellow Body Set the background colour to Grey.

2 Web Authoring Task 2 – Create Table Cell A -H1 Cell B - H2 Cell E –
Create a new html file called homepage and attach the stylesheet. Create the table shown below Table Settings: Height: 400Px Width: 400PX Insert the following text into the cells: Cell A: FC Barcelona Cell B: Lionel Andres Messi Cell C: Position: Forward, Date of birth: 24/06/1987 Cell D: Messi is a Argentinian footballer who plays as a striker for FC Barcelona. Cell E: Title: Previous Clubs Newell’s Old Boys FC Barcelona C FC Barcelona B FC Barcelona Insert Messi image into Cell F. Cell A -H1 Cell B - H2 Cell E – Title as H3 Clubs as li Cell F Cell C - P Cell D -P


Download ppt "Web Authoring Task 1– Create Style Sheet List – LI { Table Body"

Similar presentations


Ads by Google