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
↧
XHTML 1.1 Tutorial
↧