Presentation is loading. Please wait.

Presentation is loading. Please wait.

Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.

Similar presentations


Presentation on theme: "Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define."— Presentation transcript:

1 Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define style sheet rules in a separate .css file and then include that file in your HTML document using HTML <link> tag. Inline Style Sheet - Define style sheet rules in header section of the HTML document using <style> tag. Outline Style Sheet - Define style sheet rules directly along-with the HTML elements using style attribute.

2 Week-12 (Lecture-1) External Style Sheet: HTML file:

3 Week-12 (Lecture-1) Inline Style Sheet:

4 Week-12 (Lecture-1) Outline Style Sheet:

5 A script is a small piece of program
Week-12 (Lecture-2) HTML Javascript: A script is a small piece of program It can add interactivity to website. a script could generate a pop-up alert box message, or provide a dropdown menu Types of JS: External: java script Is written in another .js file and included in html file Internal: java script Is written inside html file between.

6 Week-12 (Lecture-2) External Javascript:

7 Week-12 (Lecture-2) Internal Java Script:

8 Week-12 (Lecture-2) Good Example of Java Script:


Download ppt "Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define."

Similar presentations


Ads by Google