Chapter 10 History of HTML & HTML introduction Disclaimer: All words, pictures are adopted from “Learning Web Design (4th.)” by Jennifer NiederstRobbins,

Slides:

Advertisements

Similar presentations

HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.

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.

Elder L. Lionel Kendrick Of the First Quorum of the Seventy It has been from the beginning and it will be till the end that the natural man will have a.

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.

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

History Leading to XHTML

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

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

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.

Unit 2, cont. September 14 HTML,Validating your pages, Publishing your site.

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 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.

Introduction to XHTML Professor Stephen Kwan. 2 XHTML HTML StyleSheets XML CascadingStyleSheets(CSS) ExtensibleStylesheetLanguage(XSL) StructureFormatContent.

Introduction to XHTML Professor Stephen Kwan. 2 XHTML HTML StyleSheets XML CascadingStyleSheets(CSS) ExtensibleStylesheetLanguage(XSL) StructureFormatContent.

HTML Presented by: Ondřej Procházka Course: Distributed Data Processing Mentor: Rafał Michalski.

CMPT241 Web Programming More HTML. Homework 1 Summary of what you have learned Link to the homework on the home page The page needs to be representable.

Creating Web Pages with HTML

HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.

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

Chapter 4 Chapter 4 Creating a Simple Page Disclaimer: All words, pictures are adopted from “Learning Web Design (3rdeds.)” by Jennifer NiederstRobbins,

XP The University of Akron Summit College Business Technology Department Computer Information Systems 2440: 140 Internet Tools Instructor: Enoch E. Damson.

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.

XHTML and Forms Review – Page 1CSCI 2910 – Client/Server-Side Programming CSCI 2910 Client/Server-Side Programming Topic: Review XHTML and Forms.

Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

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

XHTML Presentation by Kevin See June 16, XML in HTML Meeting Report  May 11, 1998  html

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 Basics I450 Technology Seminar Copyright 2003, Matt Hottell.

1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.

XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.

CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 9: Working With XHTML.

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 TAGS I Basic Tags. North Lake College 2 by Sean Griffin Sample XHTML Code.

Lecture 2 - HTML and CSS Review SFDV3011 – Advanced Web Development 1.

Web Technologies Lecture 2 HTML and CSS. HTML Hyper Text Markup Language – Describes web documents – Made up of nested HTML markup tags – Tags are the.

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

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.

Unit 3 — Advanced Internet Technologies Lesson 10 — Introduction to XHTML.

Basic HTML Document Structure. Slide 2 Goals (XHTML HTML5) XHTML Separate document structure and content from document formatting HTML 5 Create a formal.

Tutorial 9 Working with XHTML. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Describe the history and theory of XHTML.

Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.

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

Hyper Text Markup Language.  My First Heading My first paragraph. Example Explained The DOCTYPE declaration defines the document type The text between.

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

Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.

Agenda * What is HTML5 -- Its history and motivation * HTML/XHTML as Human / Machine Readable Format * HTML and its related technologies * Brief summary.

What is XHTML? XHTML stands for Extensible Hypertext Markup Language

CITA 330 Section 3 XHTML.

Tutorial 9 Working with XHTML

W3C Web standards and Recommendations

Web Development & Design Foundations with HTML5 8th Edition

XHTML 7-May-19.

XHTML 29-May-19.

محمد احمدی نیا XHTML محمد احمدی نیا

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

Presentation transcript:

Chapter 10 History of HTML & HTML introduction Disclaimer: All words, pictures are adopted from “Learning Web Design (4th.)” by Jennifer NiederstRobbins, published by O’Reilly 2012 and w3schools.com

In this chapter History of HTML HTML 5

The birth of HTML

HTML Blows and standardization

HTML 4.0 and 4.01and XHTML HTML in 1998 HTML in 1999 ◦ separation of structure and presentation and improving accessibility XML ◦ Why is needed? XHTML 1.0 ◦ Strict HTML 4.01

More works on XHTML XHTML 2.0 ◦ Not Backward-compatible ◦ Hard for Browser Implementation XHTML 2.0 -> stuck for 10 years XHTML -> HTML 5

Hello HTML 5.0 In, 2004 ◦ WHATWG: Web Hypertext Application Technology Working Group ◦ real-world authoring practices and browser behavior W3C HTML5 Working Group ◦ Based on WHATWG ◦ Merge XHTML 2.0 to HTML5

HTML 4.01 legacy

Meet the DTD DTD: Document Type Definition DTDs in HTML 4.01 ◦ Transitional DTD ◦ Strict DTD ◦ Frameset DTD ◦ E.g. DTDs in XHTML 1.0

DOCTYPE declaration

What do the pros do before HTML 5.0 Follow the XHTML 1.0 strict DTD ◦ No deprecated and presentational elements ◦ Use style sheets Validate the pages ◦

What’s new in HTML 5 A new DOCTYPE New elements and attributes Obsolete 4.01 elements APIs

New DOCTYPE Read fun facts on page 185. HTML > HTML 5 ◦ No DTD needed ◦ Easy declaration  Compared with the one in HTML 4.01 ◦ What should we use for now?  HTML 4.01 DTD, XHTML 1.0 DTD and HTML 5

New Elements and Attributes New Elements ◦ On Page 197. ◦ W3Schools.com W3Schools.com  Semantic/ Structural, why not presentational? Semantic elements

Semantic Elements When a layout becomes popular

New Attributes New Form Input Attributes ◦ Meet the new attributes  W3Schools W3Schools New Global Attributes ◦ W3Schools W3Schools What is the trend? ◦ More logical ◦ More functional ◦ High encapsulation

Obsolete 4.01 elements From textbook page 189

APIs Multimedia API Session History API Drag and Drop API Web workers API Web socket API Others

Add video and audio Add video: ◦ ◦ Controls:  Autoplay  Loop  Muted  Preload: auto, none, metadata  Examples in  #videos #videos

What is the future browser The trend ◦ High isolation  (Semantic, presentational, logical) ◦ High encapsulation  Common use combinations like input “date” What is the future browser? ◦ A platform? ◦ An operation system? ◦ All-in-One software?

Homework Read Chapter 10 Try new input types in chapter 9