Presentation is loading. Please wait.

Presentation is loading. Please wait.

CSE 3345 - Graphical User Interfaces Jason Murphy Lecture 1 – HTML Warmup.

Similar presentations


Presentation on theme: "CSE 3345 - Graphical User Interfaces Jason Murphy Lecture 1 – HTML Warmup."— Presentation transcript:

1 CSE Graphical User Interfaces Jason Murphy Lecture 1 – HTML Warmup

2 HTML Warm-up e X tensible M arkup L anguage CSE H yper T ext M arkup L anguage

3 Markup Language Used to give structure to a document Composed of tags to ‘mark’ the data inside a document Tags encapsulate and classify data Tags provide semantic markup or meaning to the data CSE 33453

4 Markup Language Example Professor X Jean Grey Scott Summers CSE 33454

5 Tags Professor X Kitty Pride Scott Summers CSE 33455

6 Data Professor X Kitty Pride Scott Summers CSE 33456

7 Tags Three types of tags Opening: Closing: Solo: Data CSE OpeningClosingSolo

8 Elements Tags are also called elements Can contain attributes, child elements, and data An opening element must have a closing element An element’s opening and closing tag must have the same name (case counts). GoodBad CSE 33458

9 Elements All information that belongs to an element must be contained between its opening and closing tags. CSE 33459

10 A Bad example Sally 21 F CSE

11 A Good example Sally 21 F CSE

12 Attributes Specify additional information about an element Appears within the opening or solo tag CSE Sally

13 Root Element Professor X Jean Grey Scott Summers CSE

14 Root Element There can only be ONE Must be the first element Describes what the document is composed of CSE

15 Dissecting the Document Hamburger French Fries Milk Shake Water Apple Pie CSE Find the root, elements, and attributes. 2.How many unique elements are there? 3.What is the data? 4.What story does the document tell us?

16 XML Professor X Kitty Pride CSE

17 XML - Prolog Specifies version of document Encoding type DTD Is optional (not needed) CSE

18 XML - DTD DTD – Document Type Definition Specifies the rules the document conforms to CSE

19 The XML Tree CSE

20 XML Trees A computer represents an xml document in memory as a tree. CSE

21 Family Tree CSE DadMom MeBrother CSE 3345 Sister

22 XML Tree Professor X Jean Grey Scott Summers CSE Class Teacher: Professor X Students Student: Jean Grey Student: Scott Summers

23 XML Family Tree CSE Hamburger French Fries Milk Shake Water Apple Pie

24 XML Family Tree CSE dinner entrees drinksdesserts entrée Hamburger drink Milk Shake drink Water dessert Apple Pie entrée French Fries element data Legend

25 Family Tree Terms Ancestor – Anyone that comes before you Descendant – Anyone that comes after you Parent – An element’s direct ancestor Child – An element contained one level below another element Sibling – When elements share the same parent CSE

26 Dissect the Family Tree CSE dinner entrees drinksdesserts entrée Hamburger drink Milk Shake drink Water dessert Apple Pie entrée French Fries element data Legend


Download ppt "CSE 3345 - Graphical User Interfaces Jason Murphy Lecture 1 – HTML Warmup."

Similar presentations


Ads by Google