Sophie

Sophie

distrib > Mageia > 5 > i586 > media > core-release > by-pkgid > 95b449427091cb0cd153a8618e92dbe9 > files > 79

freeguide-0.11-6.mga5.noarch.rpm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>FreeGuide : Basic Editing </title>
  <meta http-equiv='Content-Style-Type' content='text/css' />
  <link rel='stylesheet' href='../pub/skins/plain-freeguide/plain1.css' type='text/css' />
  <link rel="icon" href="../pub/skins/plain-freeguide/favicon.gif" type="image/x-icon" />
  <link rel="shortcut icon" href="../pub/skins/plain-freeguide/favicon.gif" type="image/x-icon" />
  <!--HeaderText--><style type='text/css'><!--
  ul, ol, pre, dl, p { margin-top:0px; margin-bottom:0px; }
  code.escaped { white-space: nowrap; }
  .vspace { margin-top:1.33em; }
  .indent { margin-left:40px; }
  .outdent { margin-left:40px; text-indent:-40px; }
  a.createlinktext { text-decoration:none; border-bottom:1px dotted gray; }
  a.createlink { text-decoration:none; position:relative; top:-0.5em;
    font-weight:bold; font-size:smaller; border-bottom:none; }
  img { border:0px; }
  .editconflict { color:green; 
  font-style:italic; margin-top:1.33em; margin-bottom:1.33em; }

  table.markup { border:2px dotted #ccf; width:90%; }
  td.markup1, td.markup2 { padding-left:10px; padding-right:10px; }
  table.vert td.markup1 { border-bottom:1px solid #ccf; }
  table.horiz td.markup1 { width:23em; border-right:1px solid #ccf; }
  table.markup caption { text-align:left; }
  div.faq p, div.faq pre { margin-left:2em; }
  div.faq p.question { margin:1em 0 0.75em 0; font-weight:bold; }
   
    .frame 
      { border:1px solid #cccccc; padding:4px; background-color:#f9f9f9; }
    .lfloat { float:left; margin-right:0.5em; }
    .rfloat { float:right; margin-left:0.5em; }
a.varlink { text-decoration:none; }

--></style>  <meta name='robots' content='noindex,nofollow' />
  <link rel='stylesheet' href='../pub/skins/plain-freeguide/plain2.css' type='text/css' />
</head>
<body>
<!--PageHeaderFmt-->
 <table id='wikihead' cellspacing='0' cellpadding='0' align='center'><tr>
  <td id='homelink'><img src='../pub/skins/plain-freeguide/favicon.gif' /> <a href='http://www.artificialworlds.net/freeguide'>FreeGuide</a></td>
  <td id='location'><span class='pagegroup'><a href='http://www.artificialworlds.net/freeguide/PmWiki'>PmWiki</a> &raquo;</span>
  <h1 class='pagetitle'>Basic Editing</h1></td>
  <td id='wikicmds'><ul><li class='browse'><a accesskey=''  class='selflink' href='BasicEditing.html'>View</a>
</li><li class='edit'><a accesskey='e'  rel='nofollow'  class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/BasicEditing?action=edit'>Edit</a>
</li><li class='diff'><a accesskey='h'  rel='nofollow'  class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/BasicEditing?action=diff'>History</a>
</li><li class='print'><a accesskey=''  rel='nofollow'  class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/BasicEditing?action=print'>Print</a>
</li></ul>
</td>
 </tr></table> 
<!--/PageHeaderFmt-->
  <table id='wikimid' cellspacing='0' cellpadding='0' align='center'><tr>
<!--PageLeftFmt-->
   <td id='wikileft' valign='top'>
    <p><form action='http://www.artificialworlds.net/freeguide'>
     <input type='hidden' name='n' value='PmWiki.BasicEditing' />
     <input type='hidden' name='action' value='search' />
     <input type='text' name='q' value=' Search ' class='inputbox searchbox'
      onfocus="if(this.value=' Search ') {this.value=''}" 
      onblur="if(this.value=='') {this.value=' Search '}"
      /><input type='submit' class='inputbutton searchbutton'
      value='Go' /></form></p><br />
<ul><li><a class='wikilink' href='../Main/HomePage.html'>Home Page</a>
</li><li><a class='wikilink' href='../DownloadAndInstall/DownloadAndInstall.html'>Download And Install</a>
</li><li><a class='wikilink' href='../UserGuide/UserGuide.html'>User Guide</a>
</li><li><a class='wikilink' href='../FAQ/FAQ.html'>Help And FAQ</a>
</li><li><a class='wikilink' href='../Developers/Developers.html'>Developers</a>
</li><li><a class='wikilink' href='../Main/Credits.html'>Credits</a>
</li><li><a class='wikilink' href='../Main/Screenshots.html'>Screenshots</a>
</li><li><a class='wikilink' href='../Main/Links.html'>Links</a>
</li><li><a class='wikilink' href='../Main/SiteMap.html'>Site Map</a>
<div class='vspace'></div></li><li><a class='wikilink' href='../Main/ContactUs.html'>Contact Us</a>
</li></ul><div class='vspace'></div>
</td>
<!--/PageLeftFmt-->
    <td id='wikibody' valign='top'>
<!--PageText-->
<div id='wikitext'>
<p>
<span class='frame rfloat' style='font-size: smaller; background-color: #ffffcc;'> authors (basic)</span>
</p>
<p class='vspace'  style='background-color: #eee;'> <span class='wikitrail'>&lt;&lt;  | <a class='wikilink' href='DocumentationIndex.html'>Documentation Index</a> | <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/CreatingNewPages'>Creating new pages</a> &gt;&gt;</span>
</p>
<p class='vspace'>The pages on this site are <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/WikiWikiWeb'>Wiki Wiki Web</a> pages, which means that pages can be created and edited by multiple authors. To edit a page, click the <strong>Edit</strong> link that exists somewhere on the page, usually in the header or footer. Some pages may be <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/Passwords'>password-protected</a>, depending on the system's security policies, but many systems allow open editing of pages.
</p>
<p class='vspace'>When editing a page, you see the <em>markup text</em> that describes the content of the page.  The basic rules for page markup are fairly simple:
</p><ol><li>Put a blank line between paragraphs
</li><li>To make a list, start each line with # for numbered (ordered) lists or * for bulleted (unordered) lists.
</li><li>To make a heading, start a line with two or more ! marks; !! is a subheading, and !!! is a sub-subheading.
</li><li>To emphasize text, enclose it in 2 or 3 <em>single quotes</em>; <code class='escaped'>''text''</code> for italics or <code class='escaped'>'''text'''</code> for bold.
</li><li>To make a link to another page, enclose the page's name in double brackets; for example <code class='escaped'>[[basic editing]]</code> links to this page. Links to <a class='createlinktext' rel='nofollow' 
    href='http://www.artificialworlds.net/freeguide/PmWiki/NonexistentPages?action=edit'>nonexistent pages</a><a rel='nofollow' 
    class='createlink' href='http://www.artificialworlds.net/freeguide/PmWiki/NonexistentPages?action=edit'>?</a> are displayed specially, to invite others to create the page.
</li><li>To make a link to another site, type its address, such as <a class='urllink' href='http://www.example.com/' rel='nofollow'>http://www.example.com/</a> .
</li></ol><p class='vspace'><strong>If you want to experiment with editing a page, try it on the <a class='wikilink' href='../Main/WikiSandbox.html'>Wiki Sandbox</a>.</strong> You can  without affecting anything important on this site. If you do edit other pages, it's courteous to <strong>sign</strong> your contribution; using ~~~ effectively 'signs' the name that you provide in the Author field on the Page Edit form.
</p>
<div class='vspace'></div><h2>Examples</h2>
<p>The table below demonstrates many of the common markups used to format pages.  The left column shows the effect of the markup, the right column shows what to write to achieve the effect.  More details are available from the <a class='wikilink' href='TextFormattingRules.html'>text formatting rules</a> and other documentation pages. An <strong>exhaustive list</strong> of default markup is available as the <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/MarkupMasterIndex'>markup master index</a>
</p>
<div class='vspace'></div><h3>General Usage</h3>
<table width='100%' border='1' cellspacing='0' cellpadding='2' ><tr><td width='40%'  valign='top'>
<p  style='text-align: center;'> <strong>What it looks like</strong>
</p></td><td  valign='top'>
<p  style='text-align: center;'> <strong>What to type</strong>
</p></td></tr><tr><td  valign='top'>
<p>An empty line
</p>
<p class='vspace'>starts a new paragraph.
</p></td><td  valign='top'> <pre class='escaped'>
An empty line

starts a new paragraph.
</pre>
</td></tr><tr><td  valign='top'>
<p>A single newline
usually doesn't affect the layout.  
Use two backslashes<br />to break a line.
</p></td><td  valign='top'> <pre class='escaped'>
A single newline
usually doesn't affect the layout.  
Use two backslashes\\
to break a line.
</pre>
</td></tr><tr><td  valign='top'>
<p>A single backslash joins the next line to the previous one.
</p></td><td  valign='top'>
<pre class='escaped'>
A single backslash \
joins the next line \
to the previous one.
</pre>
</td></tr><tr><td  valign='top'>
<p>Use three backslashes<br /><br />for two line breaks.
</p></td><td  valign='top'> <pre class='escaped'>
Use three backslashes\\\
for two line breaks.
</pre>
</td></tr><tr><td  valign='top'>
<ul><li>Lists are created by using asterisks
<ul><li>More asterisks produce deeper lists
<ul><li>The list is terminated
</li></ul></li></ul></li></ul><p>by the first line that is not a list
</p>
<div class='vspace'></div><ol><li>Numbered lists
</li><li>are also possible
<ul><li>and lists can nest
</li></ul></li></ol></td><td  valign='top'> <pre class='escaped'>
* Lists are created by using asterisks
** More asterisks produce deeper lists
*** The list is terminated
by the first line that is not a list

# Numbered lists
# are also possible
** and lists can nest</pre>
</td></tr><tr><td  valign='top'>
<div class='indent'>An arrow (-&gt;) indents content.
<div class='vspace'></div>Line up text to continue the indent.
<div class='vspace'></div><div class='indent'>Longer arrows (--&gt;) indent further.
</div></div><div class='vspace'></div><div class='outdent'>A reverse arrow (-&lt;) creates a hanging indent, the first line is outdented and remaining lines are indented.
<div class='outdent'>Longer reverse arrows indent further.
</div></div></td><td  valign='top'> <pre class='escaped'>
-&gt; An arrow (-&gt;) indents content.

   Line up text to continue the indent.

--&gt;Longer arrows (--&gt;) indent further.

-&lt;A reverse arrow (-&lt;) creates a \
hanging indent, the first line \
is outdented and remaining lines \
are indented.
--&lt; Longer reverse arrows indent \
further.
</pre>
</td></tr><tr><td  valign='top'>
<dl><dt> Definition list </dt><dd> list of definitions
</dd><dt> item </dt><dd> the item's definition
</dd><dt> another item </dt><dd> that item's definition
</dd></dl></td><td  valign='top'> <pre class='escaped'>
: Definition list : list of definitions
: item : the item's definition
: another item : that item's definition
</pre>
</td></tr><tr><td  valign='top'>
<pre> Lines that begin with
 a space are formatted exactly
 as typed, in a fixed-width font.
</pre><p class='vspace'>Note that very long lines of preformatted text
can cause the whole page to be wide.
</p></td><td  valign='top'> <pre class='escaped'>
 Lines that begin with
 a space are formatted exactly
 as typed, in a fixed-width font.</pre>
</td></tr><tr><td  valign='top'>
<p  style='text-align: center;'> This text is centered.
</p>
<p class='vspace'  style='text-align: right;'> This text is right justified.
</p></td><td  valign='top'> <pre class='escaped'>
%center% This text is centered.

%right% This text is right justified.</pre>
</td></tr><tr><td  valign='top'>
<p>Four or more dashes
at the beginning of a line
</p><hr />
<p>produce a horizontal line.
</p></td><td  valign='top'> <pre class='escaped'>
Four or more dashes
at the beginning of a line
----
produce a horizontal line.
</pre>
</td></tr></table><!---->
<div class='vspace'></div><h3><a name='links' id='links'></a> <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/Links'>Links</a></h3>
<table width='100%' border='1' cellspacing='0' cellpadding='2' ><tr><td width='40%'  valign='top'>
<p  style='text-align: center;'> <strong>What it looks like</strong>
</p></td><td  valign='top'>
<p  style='text-align: center;'> <strong>What to type</strong>
</p></td></tr><tr><td  valign='top'>
<p>Practice editing
in the <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/WikiSandbox'>wiki sandbox</a>.
</p>
<div class='vspace'></div><ul><li>Text in double brackets become links to other pages.
</li><li>Words are automatically capitalized in page titles.
</li></ul></td><td  valign='top'> <pre class='escaped'>
Practice editing
in the [[wiki sandbox]].
</pre>
</td></tr><tr><td  valign='top'>
<p>Practice editing
in the <a class='wikilink' href='../Main/WikiSandbox.html'>Wiki Sandbox</a>.
</p>
<p class='vspace'>Which one?
Oh, in the <a class='wikilink' href='../Main/WikiSandbox.html'>Main.Wiki Sandbox</a>.
</p>
<div class='vspace'></div><ul><li>When linking to a page in a different wikigroup, provide the group name, followed by a separator, and then the page name.
</li><li>If the separator you use is a slash, only the page name will appear.
</li><li>If the separator you use is a dot, the full string will appear.
</li></ul></td><td  valign='top'> <pre class='escaped'>
Practice editing
in the [[Main/WikiSandbox]].

Which one?
Oh, in the [[Main.WikiSandbox]].
</pre>
</td></tr><tr><td  valign='top'>
<p>Practice editing in the
<a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/WikiSandbox'>practice area</a>.
</p>
<p class='vspace'>Practice editing in the
<a class='wikilink' href='../Main/WikiSandbox.html'>practice area</a>.
</p>
<p class='vspace'>Practice editing in the
<a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/WikiSandbox'>practice area</a>.
</p>
<div class='vspace'></div><ul><li>Text after a pipe (|) is used as the link text, or use the alternate (and perhaps more understandable) arrow (text -&gt; link) notation.
</li></ul></td><td  valign='top'> <pre class='escaped'>
Practice editing in the
[[WikiSandbox | practice area]].

Practice editing in the
[[Main.WikiSandbox | practice area]].

Practice editing in the
[[practice area -&gt; WikiSandbox]].
</pre>
</td></tr><tr><td  valign='top'>
<p>Practice editing in the
<a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/WikiSandbox'>wiki sandboxes</a>.
</p>
<p class='vspace'>Practice editing in the
<a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/WikiSandbox'> sandbox</a>.
</p>
<div class='vspace'></div><ul><li>Endings become part of the link text.
</li><li>Parentheses hide parts of the link name.
</li></ul></td><td  valign='top'> <pre class='escaped'>
Practice editing in the
[[wiki sandbox]]es.

Practice editing in the
[[(wiki) sandbox]].
</pre>
</td></tr><tr><td  valign='top'>
<p>What's an <a class='urllink' href='http://www.wikipedia.com/wiki/aardvark' rel='nofollow'>aardvark</a>, anyway?
</p>
<div class='vspace'></div><ul><li>Pmwiki can use <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/InterMap'>InterMap prefixes</a> that have specific meanings.
</li><li>Parentheses can hide those too.
</li></ul></td><td  valign='top'> <pre class='escaped'>
%newwin%What's an
[[(Wikipedia:)aardvark]], anyway?
</pre>
<div class='vspace'></div></td></tr><tr><td  valign='top'>
<p>Links to external sources can be entered
</p><ol><li>bare url:  <a class='urllink' href='http://google.com' rel='nofollow'>http://google.com</a>
</li><li>link text: <a class='urllink' href='http://google.com' rel='nofollow'>Google</a>
</li><li>as reference: <a class='urllink' href='http://google.com' rel='nofollow'>[1]</a>
</li></ol></td><td  valign='top'> <pre class='escaped'>
Links to external sources can be entered
# bare url:  http://google.com
# link text: [[http://google.com | Google]]
# as reference: [[http://google.com |#]]
</pre>
<div class='vspace'></div></td></tr><tr><td  valign='top'>
<p>Links can open in another window,
as in  <a target='_blank'  class='urllink' href='http://www.pmwiki.org' rel='nofollow'>http://www.pmwiki.org</a>.
</p></td><td  valign='top'> <pre class='escaped'>
Links can open in another window,
as in %newwin% http://www.pmwiki.org.
</pre>
</td></tr></table><!---->
<div class='vspace'></div><h3>Character formatting</h3>
<table width='100%' border='1' cellspacing='0' cellpadding='2' ><tr><td width='40%'  valign='top'>
<p><em>Emphasize</em>, <strong>strongly</strong>, 
<strong><em>very strongly</em></strong>.
</p>
<div class='vspace'></div><ul><li>These are all apostrophes (single-quote marks), not double-quotes.
</li></ul></td><td  valign='top'> <pre class='escaped'>
''Emphasize'', '''strongly''', 
'''''very strongly'''''. </pre>
<div class='vspace'></div></td></tr><tr><td  valign='top'>
<p><code>Monospaced text</code>
</p>
<div class='vspace'></div><pre class='escaped'>This is a
  preformatted
    text block</pre>
</td><td  valign='top'> <pre class='escaped'>
@@Monospaced text@@ </pre>
<pre> 
[@This is a
  preformatted
    text block@]
</pre></td></tr><tr><td  valign='top'>
<ul><li>Text with <sup>superscripts</sup>
</li><li>Text with <sub>subscripts</sub>
</li><li>deleted <del>strikethrough</del> text
</li><li>inserted <ins>underline</ins> text
</li><li><span style='font-size:120%'>big</span>, <span style='font-size:144%'>bigger</span> text
</li><li><span style='font-size:83%'>small</span>, <span style='font-size:69%'>smaller</span> text
</li></ul></td><td  valign='top'> <pre class='escaped'>
* Text with '^superscripts^'
* Text with '_subscripts_'
* deleted {-strikethrough-} text
* inserted {+underline+} text
* [+big+], [++bigger++] text
* [-small-], [--smaller--] text
</pre>
</td></tr><tr><td  valign='top'>
<p><a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/WikiStyles'>Wiki Styles</a> allow <span  style='color: red;'> text</span>
<span  style='color: blue;'> to </span><span  style='color: green;'> be </span>
<span  style='color: #ff7f00;'> different </span>colors.
</p>
<div class='vspace'></div><ul><li>Use lowercase letters for RGB colors (#ff7f00, not #FF7F00).
</li></ul></td><td  valign='top'> <pre class='escaped'>
[[WikiStyles]] allow %red% text
%blue% to %green% be 
%color=#ff7f00% different %%colors.
</pre>
</td></tr></table><!---->
<div class='vspace'></div><h3>Headings and blocks</h3>
<table width='100%' border='1' cellspacing='0' cellpadding='2' ><tr><td width='40%'  valign='top'>
<h2>Major Subheading</h2>
<h2><span style='font-size:83%'>Major Subheading With Smaller Text</span></h2>
<h3>Minor Subheading</h3>
<h4>And More</h4>
<h5>Subheadings</h5>
<ul><li>Headings are useful for creating a "well-structured" page.
They're not just for making big text.
</li></ul></td><td  valign='top'> <pre class='escaped'>
!! Major Subheading
!! [-Major Subheading With Smaller Text-]
!!! Minor Subheading
!!!! And More
!!!!! Subheadings
</pre>
</td></tr><tr><td  valign='top'>
<div class='outdent'><strong>Page titles</strong>
</div><p><em>Not shown</em>
</p>
<div class='vspace'></div><ul><li>The <code class='escaped'>(:title:)</code> directive sets the page's title to something other than its name.
</li></ul></td><td  valign='top'> <pre class='escaped'>
(:title Basic Editing:)
</pre>
</td></tr><tr><td  valign='top'>
<div class='outdent'><strong>Block styles</strong>
</div><p  style='color: purple;'>All of the text in this block
is purple.
</p><ul><li  style='color: purple;'>Purple cows and purple flowers
</li><li  style='color: purple;'>Purple people eater
</li><li  style='color: red;'> Now this list is red
</li><li  style='text-align: center;'> and this text is centered
</li><li  style='text-align: right;'> and this text is right justified
</li><li>And this is normal
</li></ul></td><td  valign='top'> <pre class='escaped'>
&gt;&gt;purple&lt;&lt;
All of the text in this block
is purple.
* Purple cows and purple flowers
* Purple people eater
&gt;&gt;red&lt;&lt;
* Now this list is red
&gt;&gt;center&lt;&lt;
* and this text is centered
&gt;&gt;right&lt;&lt;
* and this text is right justified
&gt;&gt;&lt;&lt;
* And this is normal</pre>
</td></tr></table><!---->
<p class='vspace'  style='background-color: #eee;'> <span class='wikitrail'>&lt;&lt;  | <a class='wikilink' href='DocumentationIndex.html'>Documentation Index</a> | <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/CreatingNewPages'>Creating new pages</a> &gt;&gt;</span>
</p>
<div class='vspace'></div><div class='faq' > <a name='faq' id='faq'></a> 
<p><a name='beginning' id='beginning'></a>
</p><p class='question'> I'm new to <span class='wikiword'>PmWiki</span>, where can I find some basic help for getting started?</p>
<p> This <a class='selflink' href='BasicEditing.html'>Basic Editing</a> page is a good start.  From there, you can just follow the navigational links at the bottom of the page (they are called <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/WikiTrails'>Wiki Trails</a>) to the next pages, or to the <a class='wikilink' href='DocumentationIndex.html'>Documentation Index</a> page, which provides an outline style index of essential documentation pages, organized from basic to advanced.
</p>
<p class='vspace question'> How do I include special characters on my wiki pages?</p>
<p> Use character codes to insert <a class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/SpecialCharacters'>special characters</a>, such as Copyright (&#169;) and Trademark (&#174; or &#8482;) symbols, that don't appear on your keyboard.
</p></div>
</div>

    </td>
  </tr></table>
  <!--PageFooterFmt-->
 <table id='wikifoot' cellspacing='0' cellpadding='0' align='center'>
 <tr><td class='passwordlink' colspan='2'>If you would like to help improve this site, please <a class='wikilink' href='../Main/ContactUs.html'>Contact Us</a> and we will give you the password to edit pages.</td></tr>
 <tr>
  <td class='lastmod'>Page last modified on June 02, 2006, at 12:27 PM &nbsp; &nbsp;<a class='pmwikiinfolink' href="../Main/PmWikiInfo.html">PmWiki Info</a></td>
  <td class='footnav'><div  style='text-align: right;' > 
<p><a rel='nofollow'  class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/BasicEditing?action=edit'>Edit</a> -
<a rel='nofollow'  class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/BasicEditing?action=diff'>History</a> -
<a rel='nofollow'  target='_blank'  class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/BasicEditing?action=print'>Print</a> -
<a rel='nofollow'  class='wikilink' href='http://www.artificialworlds.net/freeguide/PmWiki/RecentChanges?action=browse'>Recent Changes</a>
() -

</p></div>
</td>
 </tr>
 </table>
<!--/PageFooterFmt-->
</body>
</html>