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 3345 - Graphical User Interfaces Jason Murphy jmmurphy@smu.edu Lecture 1 – HTML Warmup

2 HTML Warm-up e X tensible M arkup L anguage CSE 33452 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 33457 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 334510

11 A Good example Sally 21 F CSE 334511

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

13 Root Element Professor X Jean Grey Scott Summers CSE 334513

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

15 Dissecting the Document Hamburger French Fries Milk Shake Water Apple Pie CSE 334515 1.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 334516

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

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

19 The XML Tree CSE 334519

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

21 Family Tree CSE 334521 DadMom MeBrother CSE 3345 Sister

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

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

24 XML Family Tree CSE 334524 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 334525

26 Dissect the Family Tree CSE 334526 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