Introduction to Markup Languages January 31, 2002.

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

DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
Cascading Style Sheets
 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.
Project 1 Introduction to HTML.
Tutorial 1 Developing a Basic Web Page
HTML 4 - Introduction HTML stands for Hyper Text Markup Language. It is the standard format for documents on the World Wide Web. Just as Microsoft Word.
Chapter 1 Understanding the Web Design Environment
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.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes, Harvard University Extension School — Cambridge, MA The Web Wizard’s Guide.
1st Project Introduction to HTML.
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
Chapter ONE Introduction to HTML.
Chapter 1 Variables in the Web Design Environment.
Chapter 1 Variables in the Web Design Environment
Cascading Style Sheet. What is CSS? CSS stands for Cascading Style Sheets. CSS are a series of instruction that specify how markup elements should appear.
1 Networks and the Internet A network is a structure linking computers together for the purpose of sharing resources such as printers and files Users typically.
August Chapter 1 - Introduction Learning XML by Erik T. Ray Slides were developed by Jack Davis College of Information Science and Technology Radford.
XML introduction to Ahmed I. Deeb Dr. Anwar Mousa  presenter  instructor University Of Palestine-2009.
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.
1 © Netskills Quality Internet Training, University of Newcastle Introducing XML © Netskills, Quality Internet Training University.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
What is XML?  XML stands for EXtensible Markup Language  XML is a markup language much like HTML  XML was designed to carry data, not to display data.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
XML About XML Things to be known Related Technologies XML DOC Structure Exploring XML.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
XML A web enabled data description language 4/22/2001 By Mark Lawson & Edward Ryan L’Herault.
LIBS 7620 January 10, Electronic Text What is Electronic Text?
WEB BASED DATA TRANSFORMATION USING XML, JAVA Group members: Darius Balarashti & Matt Smith.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
VICTORIA UNIVERSITY OF WELLINGTON Te Whare Wananga o te Upoko o te Ika a Maui SWEN 432 Advanced Database Design and Implementation An Introduction to XML.
1 Senn, Information Technology, 3 rd Edition © 2004 Pearson Prentice Hall James A. Senn’s Information Technology, 3 rd Edition Chapter 12 Creating Web-Enabled.
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 : a brief introduction Managing networks : understanding new technologies, Birmingham, 13 September 2001 Pete Johnston UKOLN, University of Bath Bath,
1 Credits Prepared by: Rajendra P. Srivastava Ernst & Young Professor University of Kansas Sponsored by: Ernst & Young, LLP (August 2005) XBRL Module Part.
Lecture 3 Creating a Web Page with HTML. Objectives §Hypertext Document in WWW p §The HTML language p l Definition l Web browsers and.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
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.
Metadata Metadata Mark-up and Management © Adolf Knoll, National Library of the Czech Republic.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
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 –
Document Computing Technologies for Managing Electronic Document Collections Ross Wilkinson... [et al.] Circulation Counter [RES3H] ZA4080.D
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
XML CSC1310 Fall HTML (TIM BERNERS-LEE) HyperText Markup Language  HTML (HyperText Markup Language): December  Markup  Markup is a symbol.
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.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
Microsoft Expression Web 3 – Illustrated Unit D: Structuring and Styling Text.
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.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
CSS THE MISSING MANUAL Introduction. Benefits of CSS Style sheets offer more formatting choices than are offered in straight HTML  EXAMPLE: When you.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
XP 1 HTML Tutorial 1: Developing a Basic Web Page.
 XML derives its strength from a variety of supporting technologies.  Structure and data types: When using XML to exchange data among clients, partners,
Adding markup instructions to documents is not new. Before computers, authors would make annotations by hand in their written or typed documents. These.
XML Extensible Markup Language
What is CSS? A set of style rules that tell the web browser how to present a web page or document. – In earlier versions of HTML, style characteristics,
Cascading Style Sheets Part 1 1 IT 130 – Internet and the Web.
Web Basics: HTML/CSS/JavaScript What are they?
The Object-Oriented Thought Process Chapter 11
HTML5 – Heading, Paragraph
XML QUESTIONS AND ANSWERS
Introduction to XHTML.
eXtensible Markup Language
Introducing HTML & XHTML:
XML Data Introduction, Well-formed XML.
Presentation transcript:

Introduction to Markup Languages January 31, 2002

Introduction to Markup A markup language is essentially a set of rules used for the encoding of texts. It specifies what markup is allowed, what markup is required, how markup is to be distinguished from text, and what the markup means. You can think of it as text added to data to express information about the data—making it, essentially, a metalanguage. Markup documents, thus, contains content as well as information concerning that content.

Types of Markup SGML (1986) –General, flexible, and powerful –Used primarily, but not exclusively, by the publishing industry HTML (1990) –Easy to learn, easy to use, inflexible –Used primarily on the Web and Internet XML (1999, 2000) –Like SGML, but less flexible; easy to use and highly portable –Used increasingly by business, government, and on the Net (often invisibly)

Intro to Markup… cont’d Historically, the word markup has been used to describe annotation or other marks within a text telling printers how it should be printed or laid out. Today, markup is more familiar as the computer- based encoding of texts that ‘defines’ or results in a specific interpretation of a text. The markup augments or alters the text so as to direct the reader’s interpretation.

Presentation vs. Structure Through the us of tags, markup is commonly used to determine how a text is represented. –e.g., bold, italicized, or using a specific font This is the markup common to HTML, which is more or less constructed purely for presentation. In HTML, markup says very little, if anything, about the purpose or role of the text. –e.g., an tag creates a heading, but does not explain the operation or function of the heading

Pres. vs. Struct…. cont’d However, markup is capable of much more. Namely, it can express both presentation and structure. SGML and XML both take advantage of markup’s ability to define the structure and function of “units” within a text. –e.g., think about the way a book is laid out. Presentation markup will give us font sizes and formatting. Structural markup, on the other hand, defines chapters, headings, paragraphs, etc. It provides the document with structure.

Pres. vs. Struct…. cont’d SGML was built around this structural or ‘procedural’ philosophy, and so is distinctly different from HTML. XML, on the other hand, has taken what is best from both SGML and HTML to create a markup language that describes both how a text should look and its structure. An XML document describes both how the text is used and how it should be presented.

Presentation Markup Most of us are familiar with how presentation markup works. In HTML, for example, we understand that using the … tags will result in text being properly displayed as bold in our web browsers. Even where HTML does provide some guide to structure, such as the or paragraph tag, it is really most concerned with formatting the content, not describing the function of the text that follows.

Structural Markup Structural markups defines and categorize parts of a text, explaining the function of each unit of text. This definition and categorization plays a large role in making structural markup portable. The structural markup can be used by any number of applications, and those applications can use the markup in any number of different ways.

Formatting Structural Markup Formatting is usually applied to structural markup through the use of an external document (such as a Cascading Style Sheet), which contains specifications for how individual textual units should be represented. As different style sheets can be applied to the same structural markup, the resulting document can be formatted in countless ways. –E.g. one set of formatting rules for printing, one for the web, one for , one for Braille, and another for wireless devices.

Data Independence Perhaps the most important feature of structural markup (and certainly one of the reasons why XML has become so popular) is that it makes content entirely transportable from one hardware or software environment to another without alteration or the loss of information. In structural markup, data is essentially independent; in that, it can move from one application to another.

XML and Markup Both SGML and XML are not—strictly speaking— markup languages; rather, they are “meta-languages” that allow users to define their own markup languages for specific application. XML is capable of defining an infinite number of new markup languages. When using XML, you will define your own language (i.e., your own tags, your own formatting rules, etc.) to be applied to your project.

XML and Markup… cont’d XML does provide some rules and steps for validation that ensure that valid XML can be ‘parsed’ by any parsing application. So, even the most specific markup language—such as one you might create for a single manuscript—can be read and used by any XML parser. These rules ensure that the data remains independent of any single application, platform, or company’s commercial intent.

XML and Markup… cont’d Currently the W3C is the international organization assuring that the XML standard is updated and maintained. They play an important role in the development of XML markup as XML is only as good as its ability as a medium of exchange. Without consensus on XML standards, its usefulness and, particularly, its portability would diminish greatly.

XML and Markup… cont’d The main benefits of XML markup are: –Portability: data is independent –Presentation & Structure: XML takes the best from SGML and HTML –Repurposing: data can be shifted from one application to another, have multiple purposes –Logical Structure: XML markup is as easy to use and design for as it is flexible—it is attractive for both creators and end-users.

XML and Markup… cont’d Also of real benefit to users is the fact that the XML vocabulary and grammar is very similar to that of HTML, making the process of learning to use XML much easier for those who have an understanding of HTML tags. To this end, in this class we will use HTML as a springboard to learn XML.

Any Questions?