XHTML Basics I450 Technology Seminar Copyright 2003, Matt Hottell.

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 1450 Technology Seminar Copyright 2003, Matthew Hottell.

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.

Dr. Alexandra I. Cristea XHTML.

Website Design.

XHTML Basics. What is XHTML? XHTML is newer than the old HTML XHTML has stricter rules and does not allow some elements formerly used in HTML One benefit.

Standards and Increasing Maintainability on Web- based Systems James Eaton SE4112/16/2006.

1 HTML Standards & Compliance. 2 Minimum Required HTML tags: (must go in this order!)

1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.

Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 3: XHTML Coding © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page.

History Leading to XHTML

Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

Tutorial 9 Working with XHTML

XHTML 16-Apr-17.

XHTML1 Building Document Structure. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML) documents.

17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.

Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.

F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.

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.

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 Primer. 2 History: SGML vs. HTML vs. XML SGML (1960) XML(1996) HTML(1990) XHTML(2000)

Upgrading to XHTML DECO 3001 Tutorial 1 – Part 1 Presented by Ji Soo Yoon 19 February 2004 Slides adopted from

Introducing XHTML: Module B: HTML to XHTML. Goals Understand how XHTML evolved as a language for Web delivery Understand the importance of DTDs Understand.

HTML Elements. HTML documents are defined by HTML elements.

Introducing HTML & XHTML:. Goals  Understand hyperlinking  Understand how tags are formed and used.  Understand HTML as a markup language  Understand.

Creating Web Pages with HTML

Creating a Simple Page: HTML Overview

Principles of Web Design 6 th Edition Chapter 1 – HTML5.

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 BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.

 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.

CS 299 – Web Programming and Design Introduction to HTML.

XHTML The Basics A brief history of HTML SGML (Standard Generalized Markup Language) Then came HTML Followed by the browser…and the great browser wars.

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.

XHTML - Basics Teppo Räisänen LIIKE/OAMK Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML.

XHTML1 Building Document Structure Chapter 2. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML)

Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.

1 HTML XHTML. 2 Understand the Doctype tag Know the html tags which are now classed as depreciated Understand how Dreamweaver adds styles Add styles to.

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.

XHTML and Style. History of the Internet Internet has been around since the early 1960’s as part of a program with universities and the US government.

XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.

Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.

XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)

IT Engineering I Instructor: Rezvan Shiravi

Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.

_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.

1 Web Application Programming Presented by: Mehwish Shafiq.

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.

Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester

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.

Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Cheryl M. Hughes The Web Wizard’s Guide to XHTML by Cheryl M. Hughes.

©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.

2.1 XHTML. Motto High thoughts must have high language. –Aristophanes.

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 2: Markup Language and Site Development Essentials © 2007 Prosoft Learning Corporation All.

XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.

Module Road Map Assignment Road Map Notice we have linked the conduit directly to the presentation layer. This is normally a bad idea!

XHTML Basics. What is XHTML? XHTML is newer than, but built upon, the original HTML (Hyper Text Markup Language) platform. XHTML has stricter rules and.

Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.

W3C Web standards and Recommendations

XHTML 7-May-19.

XHTML 29-May-19.

Presentation transcript:

XHTML Basics I450 Technology Seminar Copyright 2003, Matt Hottell

HTML Developed in 1991 by Tim Berners-Lee in Switzerland for CERN

HTML Developed in 1991 by Tim Berners-Lee in Switzerland for CERN Originally designed for marking up and displaying scientific text

HTML Issues Browser war bloating

HTML Issues Browser war bloating Does not separate visual markup from logical markup

Logical markup Markup that explains what the tagged data is or what role it plays in the document

Logical markup Markup that explains what the tagged data is or what role it plays in the document

Visual markup Markup that only determines how the tagged data is to be displayed

Visual markup Markup that only determines how the tagged data is to be displayed

HTML My Page My favorite foods: Pizza Ice Cream Tortas My pictures:

Why XHTML? Separates logical from visual markup Move all visual markup into a separate style sheet Follows XML standards Is backwards-compatible with HTML Compatible with new types of displays Cell phones, kiosks, PDAs, etc.

XHTML Basics XHTML can be seen as a subset of logical HTML elements. 3 different XHTML subsets: Frameset, transitional, strict

XHTML Basics Must follow XML rules: Must be “well-formed” or syntactically correct according to a document standard For XHTML, this document standard is the World Wide Web Consortium XHTML standard which can be found at

XHTML Basics Must follow XML rules: All elements must be properly nested Bad: HI! Good: HI! Some elements can contain other elements, others cannot.

XHTML Basics Must follow XML rules: All tags must be properly terminated Bad: One Two Three Good: One Two Three becomes

XHTML Basics Must follow XML rules: All tags must be lower-case

XHTML Basics White space: Do not leave trailing spaces Separate attributes by one space Bad: Good:

XHTML Basics Attributes Must be enclosed in quotes Name attribute replaced by id No standalone attributes Images require alt attributes.

XHTML Basics Must validate against a document model that is declared at the beginning of the XHTML document

XHTML Skeleton Untitled Document

HTML My Page My favorite foods: Pizza Ice Cream Tortas My pictures:

XHTML Conversion Untitled Document My favorite foods: Pizza Ice Cream Tortas My pictures: