1. CS 3870/CS 5870 Web Protocols, Technologies and Applications

2. 2 Formatting HTML Pages CS3870/CS5870: Prog1 HTML Elements Bold face Underline emphasize italics Larger Size small size

3. 3 Formatting HTML Pages Bold face Underline emphasize italics Larger Size small size

4. 4 Using Style Large font size underlined Italics

5. 5 Elements Not Supported in VS Large font size underlined Italics -1: using non-supported HTML element

6. 6 Cascading Style Sheets (CSS) Inline Styles Internal Style Sheets External Style Sheets

7. 7 Inline Styles Large font size underlined Italics

8. 8 Creating Internal Style Sheets in VS Select the element to be formatted Click FORMAT on the menu bar New Style Specify the styles OK or Apply

9. 9 Internal Style Sheets.myStyleClass { font-size:x-large; text-decoration: underline } CS3870/CS5870 - Prog1

10. 10 Internal Style Sheets... CS3870/CS5870 - Prog1 Using internal CSS

11. 11 Creating External Style Sheets in VS Click Solution Explorer Right click the folder you want the CSS file to be Click Add Click Style Sheet Specify CSS file name

12. 12 External Style Sheets A text file with any name, e.g. myStyleSheet body { padding-left: 11em; }.navbar { padding: 0; margin: 0; position: absolute; top: 2em; left: 1em; width: 9em }

13. 13 External Style Sheets CS3870/CS5870 - Prog1 My Home Page Absolute link Relative link

14. Prog1 Due 5:00 PM, Wednesday, September 9 Folder Name: Prog1 14

15. Browsers Different browsers implement HTML and CSS in different ways. Some browsers may not implement some rules at all. Must make sure your pages work as expected with IE in Lab 206. 15

16. Grader https://xray.ion.uwplatt.edu/yangq/grader.aspx It goes to the first page of the selected program of the selected student, including my sample program at CS3870. 16