1 Web Application Programming Presented by: Mehwish Shafiq.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH
HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
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.
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
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.
How Tags are used to form your Web Page
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 3: XHTML Coding © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page.
Tim Berners-Lee authors HTML in 1991, assisted by his colleagues at CERN,
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
XHTML 16-Apr-17.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
HTML and XHTML Controlling the Display Of Web Content.
XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.
17-Jun-15 XHTML 2 What is XHTML? XHTML stands for Extensible Hypertext Markup Language XHTML is aimed to replace HTML.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.
COS 125 Internet Fundamentals and Web Page Design Day 12.
© Ms. Masihi 1.  A web page is created using a language called, Hypertext Markup Language, better known as HTML Code.  HTML is a user friendly language.
Creating a Simple Page: HTML Overview
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Define html document byusing Example : Title of the document The content of the document......
 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.
3 Layers of a Web Page 1. Content/Structure - HTML 2. Presentation - CSS 3. Action/Behavioral - JavaScript.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
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.
ITEC 745 Instructional Web Authoring I Instructor: Ray Cole Week 8.
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.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
A Basic Web Page. Chapter 2 Objectives HTML tags and elements Create a simple Web Page XHTML Line breaks and Paragraph divisions Basic HTML elements.
Creating Webpage Using HTML
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
HTML: Hyptertext Markup Language Doman’s Sections.
Lesson 4.
XHTML TAGS I Basic Tags. North Lake College 2 by Sean Griffin Sample XHTML Code.
ECA 228 Internet/Intranet Design I Intro to Markup.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag.
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.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
2.1 XHTML. Motto High thoughts must have high language. –Aristophanes.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Web Basics: HTML/CSS/JavaScript What are they?
Elements of HTML Web Design – Sec 3-2
Elements of HTML Web Design – Sec 3-2
Introduction to XHTML.
Elements of HTML Web Design – Sec 3-2
Presentation transcript:

1 Web Application Programming Presented by: Mehwish Shafiq

2 XHTML XHTML standard 1.0 now separates the logical markup from visual markup. XHTML follows XML standards. Is backwards-compatible with HTML.

3 Beginning an XHTML Document Type 4 different types of XHTML 1.0 documents. Loose, Transitional, and Strict.  Loose  Transitional

4 Here is our first XHTML Webpage Untitled Document

5 XHTML Code Description XHTML comments  Start with  html element head element  Head section  Title of the document  Style sheets and scripts body element  Body section  Page’s content the browser displays  Start tag  attributes (provide additional information about an element) separated by comma.  name and value (separated by an equal sign)  End tag 

6 XHTML Rules It must syntactically correct according to a document standard (either loose, transitional, strict, or frameset).

7 XHTML Rules All elements must be properly nested  Bad XHTML HI!  Good XHTML HI!

8 XHTML Rules All tags (including empty) must be properly terminated  Bad XHTML One Two Three  Good XHTML One Two Three becomes

9 XHTML Rules All tags must be lower-case. No extra white space by not leaving trailing spaces and separating attributes by one space  Bad XHTML  Good XHTML

10 XHTML Rules All attributes must be enclosed in quotes.  Bad XHTML  Good XHTML

11 XHTML Rules All images require alt attributes.

12 XHTML Tags Font this text appears in blue.. Image Title Tag Web Authoring

13 XHTML Tags Header and Body tag Level1 Header Lever2 Header Level3 Header The Paragraph Tag XHTML HTML was Developed in 1991 by Tim Berners-Lee in Switzerland for CERN. It was originally designed for marking up and displaying scientific text.

14 XHTML Tags The Break Tag XHTML HTML was Developed in 1991 by Tim Berners-Lee in Switzerland for CERN. It was originally designed for marking up and displaying scientific text.

15 XHTML Tags Bold and Italics XHTML HTML was Developed in 1991 by Tim Berners-Lee in Switzerland for CERN. It was originally designed for marking up and displaying scientific text. CSS Cascading Style Sheets, or CSS is used to add style to XHTML pages. XML XML will recognize XHTML pages if properly coded.

16 XHTML Tags Using Tables Uses three tags:,, and Row 1 Column 1 Row 1 Column 2 Row 2 Column 1 Row 2 Column 2 Row 3 Column 1 Row 3 Column 2 Row 4 Column 1 Row 4 Column 2 Row 5 Column 1 Row 5 Column 2

17 Thank You