Web Technologies By Andreas Vetter and Yong Soo Deutschle.

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

LIS650lecture 1 XHTML 1.0 strict Thomas Krichel
HTML popo.
XHTML Week Two Web Design. 2 What is XHTML? XHTML is the current standard for HTML Newest generation of HTML (post-HTML 4) but has many new features which.
Internet Technology Introduction Review the history of the Internet, Introducing Web Technology Web development Environment : Describe different HTML standards.
Dr. Alexandra I. Cristea XHTML.
Getting a Taste of Cascading Stylesheets Steve Mooradian December 14, 2005.
Intro to HTML Kin 260 Jackie Kiwata.
Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.
XHTML Basics.
 Fundamentals of Web Design.  Describe the history and theory of XHTML  Understand the rules for creating valid XHTML documents  Apply a DTD to an.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
XHTML 16-Apr-17.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
WML/HTML and XML Multiplatform Applications. Agenda XML – History and purpose What have HTML, WML and XML got to do with each other Why useful for multiplatform.
Tutorial 1 Developing a Basic Web Page
Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.
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.
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.
XML Primer. 2 History: SGML vs. HTML vs. XML SGML (1960) XML(1996) HTML(1990) XHTML(2000)
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.
Developing a Basic Web Page Posting Files on UMBC
Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.
Computer Sciences Department
Tutorial 1: Getting Started with HTML5
Chapter 1 Internet & Web Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D. 1.
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.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
HTML & XHTML Introduction. First HTML 1992 Marked-up text to represent a hypertext document for transmission over the network The hypertext mark-up language.
Working with XHTML Creating a Well-Formed Valid Document.
XP Tutorial 9New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
 XHTML is aimed to replace HTML  XHTML is almost identical to HTML 4.01  XHTML is a stricter and cleaner version of HTML  XHTML is HTML defined as.
HTML (HyperText Markup Language)
HTML Structure & syntax
XHTML - Basics Teppo Räisänen LIIKE/OAMK Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
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.
3 XHTML.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
Tutorial 1: XML Creating an XML Document. 2 Introducing XML XML stands for Extensible Markup Language. A markup language specifies the structure and content.
Web Programming : Building Internet Applications Chris Bates CSE :
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
XML 2nd EDITION Tutorial 1 Creating An Xml Document.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
XP 1 Creating an XML Document Developing an XML Document for the Jazz Warehouse XML Tutorial.
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 Tutorial 11 Creating an XML Document Developing a Document for a Cooking Web Site.
Web Application Programming Presented by: Mehwish Shafiq.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. An Overview of XML Ellen Pearlman Eileen Mullin Programming the Web Using.
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.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
Objective: To describe the evolution of the Internet and the Web. Explain the need for web standards. Describe universal design. Identify benefits of accessible.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
HTML5 – Heading, Paragraph
What is XHTML?.
Introduction to XHTML.
INP150: Basic HTML Instructor: Paul J. Millis
WEBSITE DESIGN Chp 1
Tutorial Developing a Basic Web Page
HTML What is Html? HTML stands for Hypertext Markup Language.
Presentation transcript:

Web Technologies By Andreas Vetter and Yong Soo Deutschle

Table of Content HTML XHTML XML

HTML What is HTML History What is it used for Tags & Structure Sample Conclusion

What is HTML HTML (HyperText Markup Language) Language for publications in the World Wide Web, text format for HTTP Basic language = English Developed 1990 by Berners Lee; based very strongly on SGML

SGML: a Brief Introduction Standardized General Markup Language In 1986, ISO approved an international standard for descriptive markup SGML is a metalanguage for defining markup languages HTML is one example of an SGML- defined language

History of HTML HTML 2.0 is the official standard, which defines those basic functions of HTML, which are meaningfully represented by all Web Browsern. HTML 3.2 is the most common used standard, which covers those HTML elements, which are supported to a large extent by nearly all Browser versions (starting from 1996/97). HTML 4.0 is a suggestion of the W3-Consortium, which is at least partly supported by newer Browser versions (starting from 1997/98). The advancement of HTML starting from 1999/2000 will go into the direction from XHTML.

What is it used for Presenting information in LAN / WAN Structure your text-based information Hyperlinks to reach following texts To Put images on your docs Basic structure for all web applications, like Guestbooks, Online Stores, Forums, etc …

HTML Standard Tags TAG is, which stands within " " to an opening TAG belongs usually a closing TAG (... ) Comment tags: There are special tags who not need an end tag, like

HTML Basic Structure <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Title of the page HTML - the language of the web

Conclusion Advantage: HTML is easy to learn Problems: – Almost nobody really cares about the standards of w3c, because the „Microsoft Internet Explorer“ (Leading Browser) is very obliging –As a result the parsers of the non-microsoft browsers can have significant problems in displaying pages correctly

XHTML What is XHTML History Main characteristics of XHTML Syntax rules Conclusion

What is XHTML EXtensible HyperText Markup Language Supposed to replace HTML nearly identically to HTML 4.01 stricter and "more cleanly" version of HTML HTML 4.01 on XML-Base

History Introduced in 26 January 2000 by W3C as the new official standard Reason: Problems because of "bad" and "unsuitable" HTML => for search "more cleanly" and "more uniformly" programming

Main characteristics of XHTML correct nesting of the tags XHTML documents must keep a certain form permit no capital letters for the tags All elements must be closed: END tag necessarily

Important syntax rules Attribute names must be written in small letters Attributes must stand in " " No attributes shortening The ID attribute replaces the name attribute The XHTML DTD defines obligatory elements.

Conclusion XHTML is supposed to make the HTML- Jungle clean, to make the Web-Pages suitable for all browser types. Disadvantages: –Web developers have to obey the rules –Errors will not be tolerated => More expenditure of time

XML What is XML XML – Motivation XML – Classification Sample Conclution

What is XML XML (EXtensible Markup Language) Guidance for writing of „Document Type Definitions“  DTD‘s XML is more general and uniform than HTML, and simpler than SGML SGML - (arcane features) + (new acronym) = XML!

XML - Motivation For closing gaps between machine- machine communication applicable in the WWW Easy to create For humans and machines readable To cover as much as possible areas of application

XML - Classification Structured Data Semi Structured Data Non Structured Data RATIONAL DATA BASES XML FLOW TEXT

Sample Code Sofies Welt Gaarder Jostein DTV 1993

End - Conclusion HTML –Markup language for the Web –Version and compatibility problems XHTML –Tryes to solve this problems XML –machine-machine communication

Thanks for your attention! Questions?