<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="../stylesheets/admin-tei.css"?>
<?oxygen RNGSchema="../schema/handout.rnc" type="compact"?>
<!-- To generate XHTML for browsing use the stylesheet at
  ../../_utils/stylesheets/admin.xslt. The command would be
  $ saxon css_cribsheet.xml ../../_utils/stylesheets/admin.xslt > css_cribsheet.xhtml
  presuming you have a "saxon" front-end that does the right thing.
  Could also add
  out-SystemLiteral=/Applications/oxygen/frameworks/xhtml/dtd/xhtml1-strict.dtd
  if desired.
-->
<TEI xmlns="http://www.tei-c.org/ns/1.0" xml:lang="en-US" version="P5.1.0.1">
  <teiHeader>
    <fileDesc>
      <titleStmt>
	<title>XSLT Workshop: Basic XHTML Crib Sheet</title>
	<author xml:id="mholmes">Martin Holmes</author>
      </titleStmt>
      <publicationStmt>
	<p>An unpublished document used for training.</p>
	<p>Available under GFDL, no invariant sections</p>
	<p>Copyleft 2011 Martin Holmes</p>
      </publicationStmt>
      <sourceDesc>
	<p>Structure/code adapted from css_cribsheet.xml. Content
	adapted from author's brain.</p>
      </sourceDesc>
    </fileDesc>
    <revisionDesc>
      <change when="2012-04-15" who="#sbauman.emt"></change>
      <change when="2011-04-21" who="#sbauman.emt">used gloss lists instead</change>
      <change when="2011-03-29" who="#sbauman.emt">tweaked phrase-level encoding &amp; typos</change>
      <change when="2011-03-01" who="#mholmes">Created the first version.</change>
    </revisionDesc>
  </teiHeader>
  <text>
    <body>
      <p>This is a small subset of XHTML elements and attributes. For
      a full reference, check out <ref
      target="http://www.w3schools.com/xhtml/">http://www.w3schools.com/xhtml/</ref>.</p>

      <div type="section">
	<head>XHTML elements: Main document divisions</head>
	<list type="gloss">
	  <label><tag>html xmlns="http://www.w3.org/1999/xhtml"</tag></label>
	  <item>The root element for your document. This should always have the
	  XHTML namespace in it.</item>
	  <label><gi scheme="HTML">head</gi></label>
	  <item>Place for metadata, like the <gi>teiHeader</gi>.</item>
	  <label><gi scheme="HTML">body</gi></label>
	  <item>Place for page content, like TEI <gi>text</gi>.</item>
	</list>
      </div>
      
      <div type="section">
	<head>XHTML elements: Header elements</head>
	<list type="gloss">
	  <label><gi scheme="HTML">title</gi></label>
	  <item>The document title (displayed in the
	  browser caption bar).</item>
	  <label><tag type="empty">link rel="stylesheet"
	  type="text/css" href="style.css"</tag></label>
	  <item>Links the document to a CSS stylesheet. All three of
	  these attributes are required.</item>
	  <label><tag type="empty">meta http-equiv="Content-Type"
	  content="text/html; charset=UTF-8"</tag></label>
	  <item>Metadata tag showing the MIME type and the character
	  encoding. Include this, but don’t worry about it.</item>
	</list>
      </div>
      
      <div type="section">
	<head>XHTML elements: Block elements</head>
	<list type="gloss">
	  <label><gi scheme="HTML">div</gi></label>
	  <item>A division or section (much like in TEI).</item>
	  <label><gi scheme="HTML">h1</gi>, <gi scheme="HTML">h2</gi>, … <gi scheme="HTML">h6</gi></label>
	  <item>Six levels of heading (higher numbers mean lower level
	  or less important).</item>
	  <label><gi scheme="HTML">p</gi></label>
	  <item>A paragraph, i.e. a block of <soCalled>flowed</soCalled> text.</item>
	  <label><gi scheme="HTML">blockquote</gi></label>
	  <item>An indented block, suitable for a block quotation.</item>
	  <label><gi scheme="HTML">ul</gi></label>
	  <item>An unordered list (i.e. a bulleted list).</item>
	  <label><gi scheme="HTML">ol</gi></label>
	  <item>An ordered list (i.e. a numbered list).</item>
	  <label><gi scheme="HTML">li</gi></label>
	  <item>A list item, inside either of the two list types above.</item>
	</list>
      </div>
      
      <div type="section">
	<head>XHTML elements: Inline elements</head>
	<list type="gloss">
	  <label><gi scheme="HTML">span</gi></label>
	  <item>An anonymous span of text (used for highlighting,
	  identification, styling, etc.).</item>
	  <label><gi scheme="HTML">q</gi></label>
	  <item>A short inline quotation. (I.e., surrounded by quotation marks.)</item>
	  <label><tag>a href="http://www.tei-c.org"</tag></label>
	  <item>An
	  <soCalled>anchor</soCalled> or link tag (requires an
	  <att scheme="HTML">href</att> attribute if intended to be a link; requires
	  an <att scheme="HTML">id</att> attribute if intended to be a
	  target).</item>
	  <label><gi scheme="HTML">em</gi></label>
	  <item>Emphasized text (defaults to italics).</item>
	  <label><gi scheme="HTML">strong</gi></label>
	  <item>Strongly emphasized text (defaults to bold).</item>
	  <label><gi scheme="HTML">code</gi></label>
	  <item>Computer code.</item>
	</list>
      </div>
      
      <div type="section">
	<head>XHTML attributes</head>
	
	<list type="gloss">
	  <label><att scheme="HTML">id</att></label>
	  <item>Like an <att>xml:id</att>, uniquely identifies a
	  particular occurence of an element. Any element may have
	  one, but the value must be unique within the document.</item>
	  <label><att scheme="HTML">title</att></label>
	  <item><soCalled>Tooltip</soCalled> text
	  which shows up when mousing over an element. Any displayed
	  element may have this.</item>
	  <label><att scheme="HTML">class</att></label>
	  <item>One or more classnames (separated by
	  spaces). Classnames can be used to apply CSS styling to
	  elements in an efficient manner. Any displayed element may
	  use this.</item>
	  <label><att scheme="HTML">href</att></label>
	  <item>The <soCalled>hypertext
	  reference</soCalled> attribute’s value is the URI of the
	  target of the link (when used on an <gi scheme="HTML">a</gi>) or of the
	  stylesheet to be used (when used on a <gi scheme="HTML">link</gi>).</item>
	</list>
      </div>
      
    </body>
  </text>
</TEI>
