// Copyright Allen & Company 2003 - all rights reserved if (Ln>=1) {s=Xc+"<body>
Defines the document Body. Closing tag </body>

The document Body contains all the content that the Browser displays in its main window (as opposed to the administrative tagging in the Head, see <"+Xo+"('head')'>head>)."+Xn;Cn["body"]=s} if (Ln>=1) {s=Xc+"<head>
Define the document Head. Closing tag </head>

The document Head holds information that tells the Browser about the document. Details placed here don't appear as part of the normal page content.

(a) The Title goes in the Head
 
<head>
<title>
A Good Page Title is Important
</title>
</head>

The Title appears in the Browser window Title Bar:
 A Good Page Title is Important 
and is repeated in the corresponding Taskbar button:
 A Good Page Title is Important "+(Ln>=2?"

(b) Specifying a file for CSS rules
CSS rules can go in a file. You specify the file to use in the document Head, with a line such as:
<link rel="stylesheet" type="text/css" href="my.css">
The Browser reads the file my.css first, and uses your CSS rules in it to display the document.":"")+Xn;Cn["head"]=s} if (Ln>=1) {s=Xc+"<html>
Identifies a document as HTML. Closing tag </html>

It's normal to enclose the entire document between <html> and </html> tags. It's then further divided into Head (see <"+Xo+"('head')'>head>) and Body (see <"+Xo+"('body')'>body>).

Outline HTML document
 
<html>

<head>
<title>An Outline Document</title>
</head>

<body>
<p>The content of the document.</p>
</body>

</html>

A simple outline of an HTML document, showing the relationship of <"+Xo+"('head')'>head> and <"+Xo+"('body')'>body>."+Xn;Cn["html"]=s} if (Ln>=1) {s=Xc+"<pre>
Display pre-formatted text. Closing tag </pre>"+Xk+"(a) Program code syntax example
<pre>
 mov al,rcode ;Load return code
 mov ah,4c    ;Set function code
 int 21       ;Execute INTerrupt
</pre>
 mov al,rcode ;Load return code
 mov ah,4c    ;Set function code
 int 21       ;Execute INTerrupt
The text is rendered in a fixed-pitch (monospace) font with  Space s and  Return s exactly as in the source. Often used for examples of program language syntax.

(b) HTML tags are obeyed
<pre>
 Tags are <b>obeyed</b> not displayed.
</pre>
 Tags are obeyed not displayed.
Tags in pre-formatted text are obeyed, not displayed."+Xn;Cn["pre"]=s} if (Ln>=1) {s=Xc+"<title>
Set the document Title. Closing tag </title>

(a) Page Title
 
<title>
A Good Page Title is Important
</title>

The Title appears in the Browser window Title Bar:
 A Good Page Title is Important 
and is repeated in the corresponding Taskbar button:
 A Good Page Title is Important 
The <title> tag goes in the <"+Xo+"('head')'>head> of the document.

(b) Default Title
The default is the URL (Uniform Resource Locator, the website name, path, and file name). This isn't usually very informative. It's better to set a proper Title."+Xn;Cn["title"]=s} if (Ln>=2) {s=Xc+"<b>
Begin emboldening text. Closing tag: </b>"+Xk+"(a) Emphasize words
Make <b>one or more</b> words bold.
Make one or more words bold.
All the text following the <b> tag is emboldened until a closing </b> tag is encountered.

(b) Emphasize letters
HTML=<b>H</b>yper<b>T</b>ext <b>M</b>arkup <b>L</b>anguage.
HTML=HyperText Markup Language
Use bold initial capital letters to gloss an acronym.

For CSS rule equivalent see "+Xo+"('font-weight')'>font-weight."+Xn;Cn["b"]=s} if (Ln>=1) {s=Xc+"<br>
Insert line break. There's no corresponding close tag."+Xk+"(a) Insert simple line break
 
The Break tag<br>is used to start a new line.
 
The Break tag
is used to start a new line.

The <br> tag starts a new line for following text, with no intervening blank line. To leave a blank line in between, you can use the paragraph tag, <"+Xo+"('p')'>p>.

(b) New line clear of an image
 
<img align=right src=image.gif>You can start a new line clear of an inline image.
<br clear=all>Use the CLEAR attribute for this.
 

You can start a new line clear of an inline image.
Use the CLEAR attribute for this.

With aligned images, use the clear=all attribute to have the new line start below and clear of the image."+Xn;Cn["br"]=s} if (Ln>=1) {s=Xc+"<center>
Begin a block of centred text. Closing tag: </center>"+Xk+"(a) Simple centring
 
<center>Heading or footnote</center>
Heading or footnote

The <center> tag must be spelt as in US-English.

(b) Centring multiple lines
 
<center>Centre<br>lines one-by-one</center>
Centre
lines one-by-one

Use <"+Xo+"('br')'>br> to create several centred lines in a block.
 Note  A Browser will split any line that's too long for the window into one or more centred lines."+(Ln>=2?"

For CSS equivalent see "+Xo+"('text-align')'>text-align rule.":"")+Xn;Cn["center"]=s} if (Ln>=1) {s=Xc+"<p>
Begin a new paragraph. Closing tag: </p>"+Xk+"(a) Simple paragraphs
 
<p>This is a paragraph.</p>
<p>And this is another.</p>
 

This is a paragraph.

And this is another.
 

Each paragraph is separated from the others by a blank line above and below.

(b) Justifying text
 
<p align=justify>Floccinaucinihilipilification or dichlorodiphenyltrichloroethane may exacerbate justification peculiarities.</p>
 

Floccinaucinihilipilification or dichlorodiphenyltrichloroethane may exacerbate justification peculiarities.
 


Justified text is usually harder to read than unjustified text, and long words in the text lead to peculiar gaps.
floccinaucinihilipilification: judging things worthless
dichlorodiphenyltrichloroethane: the insecticide DDT"+Xn;Cn["p"]=s} if (Ln>=1) {s=Xc+"<dl>
Definition-style list. There are three related tags:
(a) List tag: <dl> with closing tag: </dl>
(b) Term tag: <dt> with closing tag: </dt>
(c) Definition tag: <dd> with closing tag: </dd>"+Xk+"(a) Normal Definition list
 
<dl>
<dt>Term</dt>
<dd>Each Term to be defined has a T-tag</dd>
<dt>Definition</dt>
<dd>Each Definition follows with its D-tag</dd>
</dl>
 

Term
Each Term to be defined has a T-tag
Definition
Each Definition follows with its D-tag
 
The whole List is enclosed between <dl> and </dl>.
Each Term is tagged with <dt> and </dt>.
Each Definition is tagged with <dd> and </dd>.

(b) Compact Definition list
 
<dl compact>
<dt>FF</dt><dd>Hex for 255 decimal</dd>
<dt>255</dt><dd>Decimal for FF hex</dd>
</dl>
 

FF
Hex for 255 decimal
255
Decimal for FF hex
 
The compact attribute is not an official part of HTML specification and is supported somewhat erratically.

See also <"+Xo+"('ol')'>ol>, <"+Xo+"('ul')'>ul>."+Xn;Cn["dl"]=s} if (Ln>=1) {s=Xc+"<dt>
Tags a Term in a Definition list. See <"+Xo+"('dl')'>dl>."+Xn;Cn["dt"]=s} if (Ln>=1) {s=Xc+"<dd>
Tags a Definition in a Definition list. See <"+Xo+"('dl')'>dl>."+Xn;Cn["dd"]=s} if (Ln>=1) {s=Xc+"<ol>
Ordered-style list. There are two related tags:
(a) List tag: <ol> with closing tag: </ol>
(b) List Item tag: <li> with closing tag: </li>"+Xk+"(a) Ordered list
 
<ol>
<li>each List Item has an LI tag </li>
<li>items are numbered automatically</li>
</ol>
 

  1. each List Item has an LI tag
  2. items are numbered automatically
     
The whole List is enclosed between <ol> and </ol>.
Each List Item is tagged with <li> and </li>. Numbering of the items starts by default at 1.

(b) Ordered list (specified start number)
 
<ol start=5>
<li>you can choose where to start</li>
<li>and use letters or Roman numerals</li>
</ul>
 

  1. you can choose where to start
  2. and use letters or Roman numerals
     
You can change the numbering type as follows:
<ol type=A> for uppercase letters
<ol type=a> for lowercase letters
 <ol type=I>  for uppercase Roman numerals
<ol type=i>  for lowercase Roman numerals.

See also <"+Xo+"('dl')'>dl>, <"+Xo+"('ul')'>ul>."+Xn;Cn["ol"]=s} if (Ln>=1) {s=Xc+"<ul>
Unordered-style list. There are two related tags:
(a) List tag: <ul> with closing tag: </ul>
(b) List Item tag: <li> with closing tag: </li>"+Xk+"(a) Unordered list (default disc style)
 
<ul>
<li>each List Item has an LI tag </li>
<li>items appear as bullet points</li>
</ul>
 

The whole List is enclosed between <ul> and </ul>.
Each List Item is tagged with <li> and </li>.

(b) Unordered list (circle style)
 
<ul type=circle>
<li>this is the circle style</li>
<li>there is also a square style</li>
</ul>
 

In a list-within-a-list, the inner list automatically uses one of the other styles (circle or square). You can change the bullet point look with the type attribute.

See also <"+Xo+"('dl')'>dl>, <"+Xo+"('ol')'>ol>."+Xn;Cn["ul"]=s} if (Ln>=1) {s=Xc+"<li>
Tags a List Item in an Ordered or Unordered list.
See <"+Xo+"('ol')'>ol> (Ordered list) or <"+Xo+"('ul')'>ul> (Unordered list)."+Xn;Cn["li"]=s} function symbTab(idx) { var symLst=new Array(' ','non-breaking space','©','copyright','<','less than','>','greater than','&','ampersand','€','Euro','£','Pound sterling','¥','Yen','§','section','®','registration mark','°','degree','¼','quarter','½','half','¾','three-quarters','–','en-dash ("n" width)','—','em-dash ("m" width)','‰','per 1000','±','plus/minus','¶','paragraph','¹','superscript 1','²','superscript 2','³','superscript 3','»','right anglequote','«','left anglequote','←','left arrow','↑','up arrow','→','right arrow','↓','down arrow'); Cn[idx]=Xc+"Symbol mnemonics
You can use mnemonics, such as &copy; for ©, to render many common Symbols. The Table shows a selection of mnemonics, and how they are rendered.

"; for (j=0;j"; } Cn[idx]=Cn[idx]+"
 "+symLst[j].replace(/&/,"&")+"   "+symLst[j]+"   "+symLst[j+1]+" 

All mnemonics start & and end with ; (semi-colon)."+Xn; } symbTab("Symbol"); if (Ln>=1) {s=Xc+"&nbsp;
Mnemonic for a non-breaking space.

One or more consecutive &nbsp; in a document are rendered as consecutive  Space s. Unlike ordinary  Space s, the Browser will not break a line at any of the non-breaking spaces so inserted.

For other mnemonics, see "+Xo+"('Symbol')'>Symbols.";Cn["nbsp"]=s} if (Ln>=2) {s=Xc+"&copy;
Mnemonic to insert a copyright sign © in a document.

For other mnemonics, see "+Xo+"('Symbol')'>Symbols.";Cn["copy"]=s}