XML October 24, Unit 6. What is XML? Stands for eXtensible Markup Language It is a markup language, like HTML But, –XML is designed to markup data –HTML.

Slides:



Advertisements
Similar presentations
CSCI N241: Fundamentals of Web Design Copyright ©2004 Department of Computer & Information Science Introducing XHTML: Module B: HTML to XHTML.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
Internet Applications Development Lecture 2 L. Obead Alhadreti.
Dr. Alexandra I. Cristea XHTML.
WeB application development
XHTML Basics.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
XML Unit 6 October 31. XML, review XML is used to markup data Used to describe information Uses tags like HTML –But all tags are user-defined –Must be.
INF201 Fall2010 Intro. to Info. Technologies Department of Informatics University at Albany – SUNY Original Source: w3schools.com Prepared by Xiao Liang,
IS 373—Web Standards Todd Will
XSL Unit 6 November 2. XSL –eXtensible Stylesheet Language –Basically a stylesheet for XML documents XSL has three parts: –XSLT –XPath –XSL-FO.
Tutorial 1 Developing a Basic Web Page
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic XML.
XML Introduction What is XML –XML is the eXtensible Markup Language –Became a W3C Recommendation in 1998 –Tag-based syntax, like HTML –You get to make.
Introduction to XML: Yong Choi CSU Bakersfield.
Developing a Basic Web Page with HTML
Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML BASIC
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
Introduce of XML Xiaoling Song CS157A. What is XML? XML stands for EXtensible Markup Language XML stands for EXtensible Markup Language XML is a markup.
Computer Sciences Department
ECA 228 Internet/Intranet Design I Intro to XML. ECA 228 Internet/Intranet Design I HTML markup language very loose standards browsers adjust for non-standard.
Review HTML  What is HTML?  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.
Basics of HTML.
Pemrograman Berbasis WEB XML part 2 -Aurelio Rahmadian- Sumber: w3cschools.com.
Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.
XML introduction to Ahmed I. Deeb Dr. Anwar Mousa  presenter  instructor University Of Palestine-2009.
Introduction to XML cs3505. References –I got most of this presentation from this site –O’reilly tutorials.
CREATED BY ChanoknanChinnanon PanissaraUsanachote
CS 299 – Web Programming and Design Introduction to HTML.
HTML Structure & syntax
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
XML Extensible Markup Language. What is XML? An infrastructure for describing text and data Developed by W3C(the World Wide Web Consortium)
 XML is designed to describe data and to focus on what data is. HTML is designed to display data and to focus on how data looks.  XML is created to structure,
XML TUTORIAL Portions from w3 schools By Dr. John Abraham.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.
Windows Presentation Foundation (WPF) Chapter 16 Dr. Abraham.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
HTML: Hyptertext Markup Language Doman’s Sections.
CS 331 – Programming LanguagesDate: Internet Programming Group Presenter: Aren Ray Topics: Internet Programming XML.
Introduction to XML This presentation covers introductory features of XML. What XML is and what it is not? What does it do? Put different related technologies.
1 Introduction to XML XML stands for Extensible Markup Language. Because it is extensible, XML has been used to create a wide variety of different markup.
1 Credits Prepared by: Rajendra P. Srivastava Ernst & Young Professor University of Kansas Sponsored by: Ernst & Young, LLP (August 2005) XBRL Module Part.
What it is and how it works
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
1 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
XML and SVG from PQL By Dave Doulton Computing Services University of Southampton.
Web Application Programming Presented by: Mehwish Shafiq.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Web Technologies Lecture 4 XML and XHTML. XML Extensible Markup Language Set of rules for encoding a document in a format readable – By humans, and –
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
XML CSC1310 Fall HTML (TIM BERNERS-LEE) HyperText Markup Language  HTML (HyperText Markup Language): December  Markup  Markup is a symbol.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
XML. HTML Before you continue you should have a basic understanding of the following: HTML HTML was designed to display data and to focus on how data.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
Introduction to XML Jussi Pohjolainen TAMK University of Applied Sciences.
Standards and Compliance. A Brief History of HTML HTML through 1991  Hypertext enabled pages but presentation was lacking HTML 
Introduction to XML Kanda Runapongsa Dept. of Computer Engineering Khon Kaen University.
XML Introduction to XML Extensible Markup Language.
XML Notes taken from w3schools. What is XML? XML stands for EXtensible Markup Language. XML was designed to store and transport data. XML was designed.
Hyper Text Markup Language.  My First Heading My first paragraph. Example Explained The DOCTYPE declaration defines the document type The text between.
Extensible Markup Language (XML) Pat Morin COMP 2405.
XML BASICS and more…. What is XML? In common:  XML is a standard, simple, self-describing way of encoding both text and data so that content can be processed.
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Presentation transcript:

XML October 24, Unit 6

What is XML? Stands for eXtensible Markup Language It is a markup language, like HTML But, –XML is designed to markup data –HTML is designed to display data –XML is concerned with what data is –HTML is concerned with how data looks Both use tags, attributes, entities, etc.

XML vs. HTML In HTML –Pre-defined tags –Pre-defined attributes XML –Define our own tags –Define our own attributes –Can have anything we want –Must have a root element

General XML Recommended by the W3C Why? –It is designed to easily transfer data from one system to another –Especially across the Internet With XML we can categorize, structure, organize, and display data –We can use XSL (like CSS) to describe how the data should look More on that later

XML Syntax Again, XML looks a lot like HTML –We have tags, attributes, etc. XML documents require a root element –Must “wrap” around the entire document – is an example We have to create all the tags, attributes, etc. that we need

Recipe Example Recipes have two main parts: –Ingredient list –Steps for preparation So what tags do we need? –Root element: –Maybe a title? : –Ingredients List: –Steps to make the recipe: –Way to list individual items:

Pizza Dough Recipe Pizza Dough 3 c flour 1 c warm water 1 package yeast 2 tbs olive oil Mix water and yeast Combine flour, water and yeast mixture, and oil in a bowl until smooth Cover and let rise until doubled, about 1 hour Divide into 2 portions and use as needed

Adding More Structure Could describe the recipe in more detail What about adding a quantity tag? 3 cups flour Could also add a units tag 3 cup flour Flour is a food item, we could also give it a special tag 3 cup flour

Student List Example CMPT165 Student List Mary Washburn Sam Smith Mike Jones Root element: –

Student List Example, Cont. CMPT165 Student List Mary Washburn Sam Smith Mike Jones Root Element: –

Using Structure How much structure? –Better to have too much than too little –We can always ignore tags If we don’t specify the way they should look, they’ll be ignored Programs can be written which also ignore the tags we don’t want to use Structure should be logical –Not logical to have a tag which goes around each letter in our lists M i x …. –We use tags to describe the data Letter is not the data we are interested in Structure can be used to manipulate the data –For example, if we wanted to double the recipe, it would be easy with the highly structured version and a recipe program Some websites use this

XML Schemas XML is not very useful if we have to define a new set of tags for every single document we write Other people have written sets of tags and attributes for many purposes –These sets of XML tags and attributes are called schemas Common XML schema include: –XHTML –SVG –MathML –OpenOffice

XHTML Defined by an XML schema In the schema it has the tags and attributes we’re used to –Rules relating to those tags must contain at least one Browsers use the definition to display web content The schema being used is part of the very first part of your XHTML pages –(big long text no one can remember)

SVG Scalable Vector Graphics XML language Represents vector graphics on the web Created by the W3C You wouldn’t create or edit an SVG image file in a text editor –But! If there is a definition for an image file available, then any browser, or image editing program could open the file –Not all browsers support SVG yet, some have limited support Example in your course pack, page 112 Figure 6.3 of a smiley face created using SVG

MathML Markup language for mathematical expressions Why? –Mathematical expressions aren’t well supported by most programs And if they are, the expressions are meaningless But most writing type programs support HTML –Difficult because a lot of computers don’t have the required fonts to display the expression –Ever try to add an expression in MS Word? Not trivial Not well-supported by browsers –Mozilla supports this (and I assume the Mozilla family of browsers, Firefox and Netscape) Can include mathematical expression in your web page

OpenOffice Free office-suite of products –Word processor, spreadsheet, etc. Sponsored by Sun Microsystems Open source project –Anyone can look at the code and contribute to it Cross-platform –Windows, Mac, and Linux! The file formats for OpenOffice are XML-based –Why does it matter? Programs with access to the definitions for the file format can all open the documents you create! OpenOffice is almost identical to MS Office in terms of user interface –Good, cheap (read free) alternative to purchasing MSWord

Why XML? So it’s used for lots of things, by why bother? –In general, using XML as a file format is both human and computer readable Not like viewing a.doc file in a text editor –Supports Unicode (can contain pretty much anything) –Strict syntax makes it easy to write programs that can read the xml files –Stored as plain text files –Cross-platform –We can validate it! (I know…your favorite, right?)

Questions?