HTML & XHTML Introduction. First HTML 1992 Marked-up text to represent a hypertext document for transmission over the network The hypertext mark-up language.

Slides:



Advertisements
Similar presentations
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.
Advertisements

Dr. Alexandra I. Cristea XHTML.
XHTML Basics.
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.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
History Leading to XHTML
XHTML 16-Apr-17.
HTML and XHTML Controlling the Display Of Web Content.
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 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
Developing a Basic Web Page Posting Files on UMBC
1st Project Introduction to HTML.
CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Creating Web Pages with HTML
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.
Creating a Basic Web Page
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.
ULI101 – XHTML Basics (Part II) What is Markup Language? XHTML vs. HTML General XHTML Rules Block Level XHTML Tags XHTML Validation.
 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.
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.
Extensible Hypertext Markup Language A successor to HTML 4.01 XML-compliant W3C is improving and expanding.
XHTML - Basics Teppo Räisänen LIIKE/OAMK Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML.
Web page - A Web page is a simple text file that contains a set of HTML tags (code) that describe (to the browser) what should go on a web page. It may.
HTML - basic tags - How to learn more. What is HTML? HyperText Markup Language HTML5: – Recommended by the W3C.
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.
XHTML1-1 Extensible HyperText Markup Language (XHTML) Xingquan (Hill) Zhu
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
10/15/20151 XML. 10/15/20152 Mark-up Languages Digitalizing information Content Format SGML HTML XML RDF OWL …
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.
HTML: Hyptertext Markup Language Doman’s Sections.
ECA 228 Internet/Intranet Design I Intro to Markup.
WEB APPLICATION DEVELOPMENT For More visit:
1 Web Application Programming Presented by: Mehwish Shafiq.
XML Basics A brief introduction to XML in general 1XML Basics.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
Web Terminology Intro to Web. North Lake College 2 by Sean Griffin HTML vs. XHTML HTML: Hypertext Markup Language XHTML: eXtensible Hypertext Markup Language.
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.
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.
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.
Project 1 Introduction to HTML.
HTML5 – Heading, Paragraph
What is XHTML?.
Introduction to XHTML.
Chapter 4 - Introduction to XHTML: Part 1
XHTML
Introduction to HTML- Basics
CIS 133 mashup Javascript, jQuery and XML
XHTML 7-May-19.
XHTML 29-May-19.
Presentation transcript:

HTML & XHTML Introduction

First HTML 1992 Marked-up text to represent a hypertext document for transmission over the network The hypertext mark-up language is an SGML format SGML The 1st web page was created1st web page

Versions of HTML - HTML Can represent hypertext news, mail, documentation, and hypermedia; Menus of options; Database query results; Simple structured documents with in- lined graphics

HTML 3.2 Tables, applets, text-flow around images, superscripts and subscripts Provided backwards compatibility with the existing HTML 2.0 Standard.HTML 2.0 Standard

HTML 4.0 & 4.01 Supports more Multimedia options Scripting languages Style sheets Better printing facilities Accessible to users with disabilities Internationalization of documents Last of HTML

XML eXtensible Markup Language Developed by the W3C A subset of SGML constituting a particular text markup language for interchange of structured data A flexible way to create standard information structure Share data & structure over the Web

Example XML file CSS file More at

Sample XML <!DOCTYPE Video [ ] > 1996 Mission: Impossible Brian De Palma Action Tom Cruise Emmanuelle Beart 110 PG Home on the Range Will Finn Comedy G.W. Bailey Roseanne 76 PG

HTML + XML  XHTML Extensible Hypertext Markup Language Application of XML Successor to HTML Reformulation of HTML 4.0 in XML 1.0 Stricter remaking of HTML Deprecated tags – phasing out some tags from HTML 4.01 Deprecated tags

Rules of XHTML Use all lowercase letters for tags Nest elements correctly This is wrong. This is right.. Always use end tags End empty elements   Error in page 57 in the textbook

Rules of XHTML (cont.) Use quotation marks for values  Give every attribute a value  Use code for special characters .

Rules of XHTML (cont.) Use id insead of name  Put styles and scripts in separate file Declare DOCTYPE Resource:

Template TITLE OF PAGE GOES HERE CONTENT OF PAGE GOES HERE.