Introduction to Markup David J. Birnbaum University of Pittsburgh Slavic Digital Text Workshop University.

Slides:



Advertisements
Similar presentations
Introduction to HTML & CSS
Advertisements

CG0119 Web Database Systems Parsing XML: using SimpleXML & XSLT.
CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.
SPECIAL TOPIC XML. Introducing XML XML (eXtensible Markup Language) ◦A language used to create structured documents XML vs HTML ◦XML is designed to transport.
XSLT (eXtensible Stylesheet Language Transformation) 1.
XSL XSLT and XPath 11-Apr-17.
XML: Managing Data Exchange Stylesheets. Lesson Contents CSS The basic XSL file XSL transforms Templates Sort Numbering Parameters and Variables Datatypes.
DAVID M. KROENKE’S DATABASE PROCESSING, 10th Edition © 2006 Pearson Prentice Hall 13-1 COS 346 Day 24.
ICS-FORTH 1 May 22, 2001 Christos Georgis The extensible markup language: An introduction to XML What is a XML document ? How do we check its validity.
XSLT Stylesheets Some more advanced examples (adapted from the Edinburgh LT site)
CS 898N – Advanced World Wide Web Technologies Lecture 21: XML Chin-Chih Chang
Review Writing XML  Style  Common errors 1XML Technologies David Raponi.
CSCI 7818 (Topics in Software Engineering) Web Infrastructure, Services, and Applications Document Type Definition (DTD) Author: Lukasz Kurgan.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 3 Style Sheets: CSS WEB.
Chapter 10 © 2001 by Addison Wesley Longman, Inc. 1 Chapter 10 Sebesta: Programming the World Wide Web.
LBSC 690: Session 6 CSS, XML/XSLT Jimmy Lin College of Information Studies University of Maryland Monday, October 15, 2007.
September 15, 2003Houssam Haitof1 XSL Transformation Houssam Haitof.
Basics of HTML.
Pemrograman Berbasis WEB XML part 2 -Aurelio Rahmadian- Sumber: w3cschools.com.
Cascading Style Sheets (CSS) Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
XML Anisha K J Jerrin Thomas. Outline  Introduction  Structure of an XML Page  Well-formed & Valid XML Documents  DTD – Elements, Attributes, Entities.
Introduction to XML cs3505. References –I got most of this presentation from this site –O’reilly tutorials.
XP 1 CREATING AN XML DOCUMENT. XP 2 INTRODUCING XML XML stands for Extensible Markup Language. A markup language specifies the structure and content of.
An Introduction to XML Presented by Scott Nemec at the UniForum Chicago meeting on 7/25/2006.
XML: The Changing Phase of e-Documentation Jyothi Jandhyala.
XML Extensible Markup Language. What is XML? ● meta-markup language ● a language for defining a family of languages ● semantic/structured mark-up language.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
1 CIS336 Website design, implementation and management (also Semester 2 of CIS219, CIS221 and IT226) Lecture 6 XSLT (Based on Møller and Schwartzbach,
XP 1 DECLARING A DTD A DTD can be used to: –Ensure all required elements are present in the document –Prevent undefined elements from being used –Enforce.
XML TUTORIAL Portions from w3 schools By Dr. John Abraham.
1 Chapter 10: XML What is XML What is XML Basic Components of XML Basic Components of XML XPath XPath XQuery XQuery.
CITA 330 Section 6 XSLT. Transforming XML Documents to XHTML Documents XSLT is an XML dialect which is declared under namespace "
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter X IXXXXXXXXXX XXXXXX.
XML eXtensible Markup Language. Topics  What is XML  An XML example  Why is XML important  XML introduction  XML applications  XML support CSEB.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
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.
1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.
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.
XML Instructor: Charles Moen CSCI/CINF XML  Extensible Markup Language  A set of rules that allow you to create your own markup language  Designed.
XML technologies for text encoding Tamás Váradi
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 Introduction. Markup Language A markup language must specify What markup is allowed What markup is required How markup is to be distinguished from.
COMP9321 Web Application Engineering Semester 2, 2015 Dr. Amin Beheshti Service Oriented Computing Group, CSE, UNSW Australia Week 4 1COMP9321, 15s2, Week.
XML, SCHEMAS, DTD The primer Brendan Knight. XML  XML stands for eXtensible Markup Language.  XML is designed to transport and store data.  Contains.
XML Document Type Definitions and the Document object model.
Introduction to DTD A Document Type Definition (DTD) defines the legal building blocks of an XML document. It defines the document structure with a list.
XML The Extensible Markup Language (XML ), which is comparable to SGML and modeled on it, describes how to describe a collection of data. A standard way.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
Microsoft Expression Web 3 – Illustrated Unit D: Structuring and Styling Text.
INFSY 547: WEB-Based Technologies Gayle J Yaverbaum, PhD Professor of Information Systems Penn State Harrisburg.
XSLT: How Do We Use It? Nancy Hallberg Nikki Massaro Kauffman.
HTML Basic Structure. Page Title My First Heading My first paragraph.
1 Lecture 7 Style Sheets: CSS. 2 Motivation HTML markup can be used to represent –Semantics: h1 means that an element is a top-level heading –Presentation:
VCE IT Theory Slideshows by Mark Kelly study design By Mark Kelly, vceit.com, Begin.
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.
Rendering XML Documents ©NIITeXtensible Markup Language/Lesson 5/Slide 1 of 46 Objectives In this session, you will learn to: * Define rendering * Identify.
CITA 330 Section 2 DTD. Defining XML Dialects “Well-formedness” is the minimal requirement for an XML document; all XML parsers can check it Any useful.
1 Introduction to XML Babak Esfandiari. 2 What is XML? introduced by W3C in 98 Stands for eXtensible Markup Language it is more general than HTML, but.
Beyond HTML: Extensible Markup Language (XML)
Extensible Markup Language (XML) Pat Morin COMP 2405.
Web Basics: HTML/CSS/JavaScript What are they?
Prepared for Md. Zakir Hossain Lecturer, CSE, DUET Prepared by Miton Chandra Datta
Introduction to Internet Programming
Chapter X IXXXXXXXXXXXXXXXX.
Web Programming Maymester 2004
XML Data Introduction, Well-formed XML.
CSE591: Data Mining by H. Liu
Presentation transcript:

Introduction to Markup David J. Birnbaum University of Pittsburgh Slavic Digital Text Workshop University of Illinois at Urbana-Champaign

How to Set up an XML Project Examples (critical edition of Igor′ Tale) Document instance (main XML file) –XML Declaration –Doctype Declaration –Data with markup Document Type Definition (DTD) –Elements –Attributes Transformation Stylesheets (XSLT) Target files (HTML) Cascading Style Sheets (CSS) Batch file

The XML Declaration

Doctype Declaration

Document Type Definition

What the Instance Looks Like Title goes here Heading goes here Paragraph text goes here

Non-Empty and Empty Elements Element content … Character data (#PCDATA) content blah, blah, blah Mixed content blah … blah Some elements are empty

Element Declarations 1 Examples Element name and content model #PCDATA = parsed character data (plain text) blah blah blah …

Element Declarations 2 Examples Connectors –Sequence (,) –Any order (|)

Element Declarations 3 Examples Repetition –Exactly one (no repetition indicator) –Zero or one (?) –One or more (+) –Zero or more (*)

Attribute Declarations Example Element name, attribute name, token list, default пѣснь

Document Type Declaration

The Document Instance аще кому хотяше пѣснь пѣснѣ творити,

XSLT Extensible Stylesheet Language for Transformations Can rearrange elements (unlike other stylesheet strategies) Programming language for manipulating XML Use XSLT transformation engine to generate HTML from XML

HTML Hypertext Markup Language Why not just create HTML in the first place? –XML easier to edit and maintain –XML supports multiple output formats from single source

CSS Cascading Stylesheets –External stylesheet –Internal style commands “Decorate the tree” Cannot rearrange elements Likh: трудныхъ повѣстий (4) о пълку Игоревѣ, P: трудныхъ повѣстий о полку Игоревѣ, K: трудныхъ повѣстий о полку Игоревѣ, (4) ПОЛКУ

Batch File saxon -o igor.html igor.xml score.xsl saxon -o commentary.html igor.xml commentary.xsl saxon -o igor1.html igor.xml igor.xsl saxon -o variants.html igor.xml variants.xsl