Kevin Murphy Basics of XML Masters Project CS 490.

Slides:



Advertisements
Similar presentations
3.02D HTML Overview 3.02 Develop webpages.
Advertisements

XML and Enterprise Computing. What is XML? Stands for “Extensible Markup Language” –similar to SGML and HTML –document “tags” are used to define content.
WeB application development
XHTML Basics.
CS 898N – Advanced World Wide Web Technologies Lecture 21: XML Chin-Chih Chang
Sistemi basati su conoscenza XML Prof. M.T. PAZIENZA a.a
XML CS 105. What is XML? XML stands for Extensible Markup Language. XML is a markup language like HTML. XML was designed to describe data. You must define.
Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from
Microsoft Office XP Illustrated Introductory, Enhanced Office Applications with Internet Explorer Integrating.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
Tutorial 1: Getting Started with HTML5
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.
Basics of HTML.
Web page - A Web page is a simple text file that contains HTML tags (code) that describe what should be displayed on the browser. -The Web browser interprets.
Creating a Simple Page: HTML Overview
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
XML introduction to Ahmed I. Deeb Dr. Anwar Mousa  presenter  instructor University Of Palestine-2009.
HTML Structure & syntax
Unit 3 Day 2 FOCS – Web Design. Journal Unit #3 Entry #1 Which of the videos that we saw yesterday did you find the most interesting? What was it about.
Web page - A Web page is a simple text file that contains a set of HTML tags (code) that describe (to the browser) what should go on a web page. It may.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
15.1 Fundamentals of HTML.
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &
How do I use HTML and XML to present information?.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.
WEB APPLICATION DEVELOPMENT For More visit:
Slide No. 1 Slide No. 1 HTML and Web Publishing Continued CS 104 CS 104.
XML Introduction. What is XML? XML stands for eXtensible Markup Language XML stands for eXtensible Markup Language XML is a markup language much like.
XML Basics A brief introduction to XML in general 1XML Basics.
15.1 Fundamentals of HTML DeKalb County School System.
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.
Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML A brief introduction HTML1. HTML, what is? HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup.
PART 1: Introduction to HTML & CSS. Lecture 1: HTML 5 Basic Structure.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
HTML Structure & syntax
HTML Structure & syntax
HTML Basics.
CS7026: Authoring for Digital Media HTML Authoring
XHTML Basics.
3.00cs HTML Overview 3.00cs Develop webpages.
INP150: Basic HTML Instructor: Paul J. Millis
XHTML Basics.
XHTML Basics.
3.02D HTML Overview 3.02 Develop webpages.
XML.
Javascript & jQuery XML.
What is HTML?.
XHTML Basics.
XHTML Basics.
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
3.02D HTML Overview 3.02 Develop webpages.
14 XML.
HTML Structure & syntax
4.02A HTML Overview 4.02 Develop web pages using various layouts and technologies. (Note to instructor: HTML tags are in red only to differentiate from.
Presentation transcript:

Kevin Murphy Basics of XML Masters Project CS 490

Kevin Murphy What is XML eXtensible Markup Language n Describes the structure of a document n Based on SGML ( Standard Generalized Markup Language ) n XML is focused on Content description n Make your own elements n Each element has a name and is contained in a tag. n Portable, structured dynamic and descriptive

Kevin Murphy What XML Isn’t n Static n A set of pre defined tags n Purpose of XML is to describe the general structure relating to the content inside a document—NOT that content’s actual appearance on the page or on the screen.

Kevin Murphy Rules About Tags n Tags have a beginning and an ending tag, surrounding the text that they affect. n Closing tags have the tag name preceded by a slash (/). n All XML tags have a beginning and an end. n All XML tags are case insensitive. n Caution: If you forget to close a paired set of tags or you include a backslash or some other character rather than a forward slash, the tag won’t be closed, and the command will stay in effect.

Kevin Murphy Tag naming conventions n In XML, tags can be invented that best describe the contents. n using markup that is readable by both humans and machines. n XML tags look something like this: Chevy

Kevin Murphy The Tag n This tag indicates that the content of this file is in XML language. n All the text and other XML tags and commands should be placed within beginning and ending XML tags. n Example: n...Web page...

Kevin Murphy XML Formatting XML has to be well formed, This means the file must follow three basic rules: 1. The document starts with an XML declaration,. 2. There is a root element in which all others are contained. 3. All elements must be properly nested. No overlapping is permitted.

Kevin Murphy Step 1: Creating an XML Page n What is minimally needed: A. a basic text editor (to create your XML files) B.a browser to view them. IE 5 has an internal XML viewer and debugger. n File extension: Give the filename an extension of.xml n Example: file.xml n A good rule is to use lowercase names n Don’t use spaces or special characters—(Just letters and numbers are fine.)

Kevin Murphy Step 2: Viewing XML Source Pages n You see the tags in your browser; as part of the final result. n Most Web browsers will allow you to view the XML source code. n In IE, go to the view menu and choose source.

Kevin Murphy Step 3: View the Document n Start up your Web browser n From the menu bar, select File, Open Page (or a similar command depending on the browser).

Kevin Murphy Step 4: If your page didn’t work! n Check your code n Look for opening and closing tags n If the text repeated in the browser, make sure the file was saved with the.xml extension. n After making corrections, save the file, and try viewing it again.

Kevin Murphy Example Kevin Murphy cs neiu

Kevin Murphy Future of XML n This is a new language which Microsoft is still expanding. It is dynamic so there are many directions it can go, as with web the future is open.