Creating Web Documents

Slides:



Advertisements
Similar presentations
HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
Advertisements

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.
HTML/XML XHTML Authoring. Creating Tables  Table: An arrangement of horizontal rows and vertical columns. The intersection of a row and a column is called.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
F DIGITAL MEDIA: COMMUNICATION AND DESIGN INTRODUCTION TO XML AND XHTML.
HTML Elements. HTML documents are defined by HTML elements.
Tutorial 1: Getting Started with HTML5
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
 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)
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.
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.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
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.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
XHTML1-1 Extensible HyperText Markup Language (XHTML) Part 2 Xingquan (Hill) Zhu
Lesson 4.
1 Web Application Programming Presented by: Mehwish Shafiq.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
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.
CIS 228 The Internet 9/20/11 XHTML 1.0. “Quirks” Mode Today, all browsers support standards Compliant pages are displayed similarly There are multiple.
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Pertemuan 1 Desain web Pertemuan 1
What is XHTML? XHTML stands for Extensible Hypertext Markup Language
CIS 228 The Internet 9/20/11 XHTML 1.0.
Web Development & Design Foundations with HTML5 8th Edition
Elements of HTML Web Design – Sec 3-2
XHTML Basics.
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
3.00cs HTML Overview 3.00cs Develop webpages.
Web Development & Design Foundations with HTML5 8th Edition
Chapter 1: Introduction to XHTML (part 1)
Intro to Web Development Class A Review
Elements of HTML Web Design – Sec 3-2
HTML Vocabulary.
INP150: Basic HTML Instructor: Paul J. Millis
Introduction to HTML5.
XHTML Basics.
XHTML
XHTML Basics.
HTML A brief introduction HTML.
Introduction There are several good reasons for taking CS142: Web Applications: You will learn a variety of interesting concepts. It may inspire you to.
Instructor: Charles Moen
Your Page and Review Objectives
Marking Up with XHTML Tags describe how a web page should look
HTML 12/27/2018.
Intro to Web Development HTML Structure
Structuring Content in a Web Document
XHTML Basics.
Introduction to HTML5.
Web Application Development
Basic HTML Workshop.
Marking Up with XHTML Tags describe how a web page should look
The Most Basic HTML Page
Marking Up with XHTML Tags describe how a web page should look
XHTML Basics.
XHTML 7-May-19.
Lesson 2: HTML5 Coding.
XHTML Basics.
Introduction to HTML5.
XHTML 29-May-19.
محمد احمدی نیا XHTML محمد احمدی نیا
Web Design & Development
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

Creating Web Documents XHTML

History XHTML is the latest version of HTML 'cleaned up' to be an XML language eXtended Markup Language: general standard May prove more robust for new uses browser settings for general language, character coding browsers for web phones readers for special browsers for disabled other

Terminology Markup elements have start tag start tag may have attributes content may include other elements as well as text end tag <a href="next.html">Continue </a>

Requirements <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> Just copy this to top of document

Requirements proper nesting of tags tag names all lower case all tags have start and end tags including <p> and <li> empty tags (singletons) written with closing <br /> attributes enclosed by quotation marks document had head and body elements, head element also contains a title element

Entity references Produce symbol or indicate action by browser & The ampersand symbol & < The left pointy bracket <   stands for non-breaking space. Will insert a space, unless there is a line break. © The copyright symbol ­ Suggest a best point for a hyphen.