Free Web Design, Development and Programming Training and Tutorial Resources


September 24, 2009

XHTML 1.1 Tutorial

Here is a Building Peb Pages with XHTML 1.1 Tutorial, at New Mexico Tech Computer Center, that describes XHTML 1.1, the current preferred markup language for building web pages. In this tutorial you will learn the difference between HTML and XHTML. Included are introductory topics, along with these areas: block elements, flow model, standard and event attributes, form elements, and table elements. This XHTML tutorial also can be downloaded as a pdf.

XHTML 1.1 Tutorial Contents:

 - What is XHTML?
 - A small, complete example page
 - Rules for the XML notation
 - Differences between XHTML and HTML
     - Paired tags
     - The empty element syntax
     - Case sensitivity
     - Quoted attributes with values
     - Fragment identifiers
 - Separating content and presentation with CSS
 - Basic data types
     - The length datatype
     - The ID datatype
     - The IDREF and IDREFS datatypes
     - URIs and link targets: where hyperlinks point
     - The link datatype
     - Media type
     - MIME types: Defining a resource’s format
 - Content model notation
 - Overall structure of an XHTML file
     - The root element: html
     - The head element: Overall page information
     - The base element: Specifying the document’s base URI
     - The link element: Related documents
     - The meta element: Page meta-information
     - The style element: Specifying presentation style
     - The script element: Including executable code
     - The noscript element: What to do when your script can’t be run
     - The body element
 - The block elements
     - The heading elements: h1, h2, h3, …, h6
     - The address element: Who wrote this page?
     - The p element: Regular text paragraph
     - The blockquote element: Block-style quotations
     - The div element: A generic block container
     - The pre element: Display verbatim text
     - The ul element: Unnumbered or “bullet” lists
     - The li element: List item
     - The ol element: Numbered lists
     - The dl element: Definition lists
     - The hr element: horizontal ruled line
 - Inline content: Inline.model
     - a: Hyperlink
     - abbr: Abbreviation
     - acronym: Acronym
     - cite: Title of a work
     - code: Part of a computer program
     - del: Deleted material
     - dfn: Definition of a term
     - em: Emphasis
     - img: Include an image
     - ins: Inserted material
     - kbd: Keyboard input
     - q: Inline quotations
     - samp: Sample computer output
     - span: The generic inline container
     - strong: Strong emphasis
     - sub: Subscript
     - sup: Superscript
     - var: Variable name
 - Tables: the table element
     - Specifying table column properties
     - Sectioning a table with thead, tbody, and tfoot
     - Table rows: the tr element
     - Table cells: the td and th elements
 - Flow.model: Arbitrary content
 - The object element: Embedded multimedia and applet objects
     - The param element: Passing arguments to applications
     - How to delay instantiation of an object
 - Forms: The form element
     - The input forms control
     - The label element: Label a control
     - The button forms control
     - The select forms control: menus
     - The option element: One choice inside a select control
     - The optgroup element: A group of choices inside a select control
     - The textarea forms control: multiline text input
     - The fieldset element: Adding structure to a form
     - What makes a control successful?
     - Writing your form handler script
     - The URL encoding method for forms data
 - Standard attributes
     - The xml:lang attribute
     - The charset attribute: Declaring a character set
     - The common attributes: Common.attrib
     - The id attribute: Assigning a unique identifier to an element
     - The class attribute: Declaring an element’s CSS class
     - The title attribute: Titling an element
     - The tabindex attribute: Specifying tab traversal order
 - Event attributes
 - Legacy and unrecommended elements
     - Deprecated features
     - Features that are not recommended

Tags for this post>>

No Comments »

No comments yet.

RSS feed for comments on this post.

Leave a comment

You must be logged in to post a comment.