XHTML basics
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

XHTML basics

  • 1,021 views
Uploaded on

a very basic look at XHTML. Covers the basics of the structure not how to make a web page.

a very basic look at XHTML. Covers the basics of the structure not how to make a web page.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,021
On Slideshare
1,013
From Embeds
8
Number of Embeds
3

Actions

Shares
Downloads
26
Comments
0
Likes
2

Embeds 8

http://www.ustudy.in 6
http://www.slideshare.net 1
https://ysu.blackboard.com 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. A Reformulation of HTML 4 in XML 1.0 (Yes, I am a nerd)
  • 2. XHTML
    • What is it?
    • Why use it?
    • How do I use it correctly?
  • 3. What is XHTML?
    • Extensible HyperText Markup Language
    • Combination of HTML and XML
    • The elements from HTML
    • The syntax from XML
  • 4. Why should I care?
    • Based on industry standards
    • Cross browser support
    • Validated and proper code
    • Will run properly on all XML devices
  • 5. Basic Structure
    • One root element per document
    • Properly nested elements
    • Closed elements
    • lowercase elements
    • More syntax
  • 6. One root element
    • The basic mandatory structure
    • <!DOCTYPE – more in a second>
    • <html> <head>
    • <title></title>
    • </head> <body> </body>
    • </html>
  • 7. Properly Nested
    • BAD
    • <p>
    • This <strong><em>
    • is</strong></em>
    • fun.
    • </p>
    • HAPPY FUN TIME
    • <p>
    • This <strong><em>
    • is </em></strong>
    • fun.
    • </p>
  • 8. Closed Elements
    • BAD
    • <p>Paragraph 1
    • <p>Paragraph 2
    • <br>
    • <hr>
    • <img src=“pic.jpg”>
    • HAPPY FUN TIME
    • <p>Paragraph 1</p>
    • <p>Paragraph 2</p>
    • <br />
    • <hr />
    • <img src=“pic.jpg” />
  • 9. lowercase elements
    • BAD
    • <P> another paragraph
    • with an image
    • <Img Src=“pic.jpg” />
    • </p>
    • HAPPY FUN TIME
    • <p> another paragraph
    • with an image
    • <img src=“pic.jpg” />
    • </p>
  • 10.
    • BAD
    • <table WIDTH=100%>
    • </table>
    • <input checked>
    • <option SELECTED>
    • </option>
    More syntax
    • Attribute names must be lowercase, their values quoted, and no “minimization”
    • HAPPY FUN TIME
    • <table width=“100%”>
    • </table>
    • <input checked=“checked” />
    • <option selected=“selected”>
    • </option>
  • 11. DOCTYPE
    • Only really have to worry about this if you create the page from scratch
    • Don’t really worry about what everything means except for…
    • <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>
  • 12. Now What?
    • XHTML Cheat Sheet v1.03 - http://floele.flyspray.org/htmlcheatsheet.pdf
    • Official HTML 4 page – http://www.w3.org/TR/html4/
    • Official list of elements (HTML 4) - http://www.w3.org/TR/html4/index/elements.html
    • Official list of attributes (HTML 4) - http://www.w3.org/TR/html4/index/attributes.html
    • Official XHTML 1 page – http://www.w3.org/TR/xhtml1/
  • 13. Who am I?
    • C. Todd Barber
      • Webmaster
      • University of Tennessee Health Science Center
      • Memphis, TN 38163
    • Also at
      • http://ctbarber.com
      • http://twitter.com/ctbarber