home *** CD-ROM | disk | FTP | other *** search
/ PC World 2001 April / PCWorld_2001-04_cd.bin / Komunik / Amaya / WinNT2000 / amaya-WindowsNT-4.3.exe / _SETUP.1 / inline.html < prev    next >
Encoding:
Extensible Markup Language  |  2000-09-04  |  7.3 KB  |  171 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.   <title>Inline elements</title>
  7.   <meta name="GENERATOR" content="amaya V3.2.1" />
  8.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  9. </head>
  10.  
  11. <body xml:lang="en" lang="en">
  12.  
  13. <table border="0" width="100%" summary="toc">
  14.   <tbody>
  15.     <tr>
  16.       <td><p><img border="0" alt="W3C" src="../../../Icons/WWW/w3c_home" />
  17.         <img border="0" alt="Amaya" src="../../Icons/amaya.gif" /></p>
  18.       </td>
  19.       <td><p align="right"><a href="../Manual.html"></a></p>
  20.  
  21.         <p align="right"><a href="address.html"><img alt="previous" border="0"
  22.         src="../../Icons/left.gif" /></a> <a href="../Manual.html#There"><img
  23.         alt="top" border="0" src="../../Icons/up.gif" /></a> <a
  24.         href="40styling.html"><img alt="next" border="0"
  25.         src="../../Icons/right.gif" /></a></p>
  26.       </td>
  27.     </tr>
  28.   </tbody>
  29. </table>
  30.  
  31. <div id="Inline3">
  32. <h1>Inline markup</h1>
  33.  
  34. <p>Text within a paragraph, heading, or other block element can be marked up
  35. in a variety of ways, for example to emphasise it, or to highlight text that
  36. should be entered by a user into a computer. Most of these inline elements are
  37. described in this page, although links, which are inline elements, are
  38. described separately.</p>
  39.  
  40. <div>
  41. <h2><a name="Inline21"></a><a name="Definition">Definitions</a></h2>
  42.  
  43. <p>The <a
  44. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-DFN"><code>DFN</code></a>element
  45. is used to mark an <dfn>inline definition</dfn> (a word which is given as a
  46. defining instance)</p>
  47.  
  48. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  49. presentation of inline definitions.</p>
  50. </div>
  51.  
  52. <div>
  53. <h2><a name="Inline1">Inline Quotations</a></h2>
  54.  
  55. <p>Quotations which are inline can be marked using the information type
  56. "quotation" - the HTML element <a
  57. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-Q"><code>Q</code></a>.
  58. This element is selected from the character elements submenu of the Style
  59. menu, or in linux with the keyboard shortcut Alt-t, Alt-q. It is possible to
  60. give a URI source for the quotation, using the <code>cite</code>
  61. attribute.</p>
  62.  
  63. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  64. presentation of inline quotations. The HTML specification states that inline
  65. quotation should be rendered with the appropriate punctuation marks for the
  66. language being represented.</p>
  67. </div>
  68.  
  69. <div>
  70. <h2><a name="Sample">Sample input, output and computer code</a></h2>
  71.  
  72. <p>Elements are provided to mark computer code, such as
  73. <code>statement:do-something</code>, with separate markup for
  74. <var>variables</var>, as well as <kbd>user input</kbd> and <samp>program
  75. output</samp> - the elements <a
  76. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-CODE"><code>CODE</code></a>,
  77. <a
  78. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-VAR"><code>VAR</code></a>,
  79. <a
  80. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-KBD"><code>KBD</code></a>
  81. and <a
  82. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-SAMP"><code>SAMP</code></a>.
  83. These elements are found in the information types submenu of the Style menu,
  84. and there are keyboard shortcuts in Unix for all of them - Alt-t followed by
  85. Alt-c for code, Alt-v for variables, Alt-k for user input and Alt-s for sample
  86. output.</p>
  87.  
  88. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  89. presentation of these elements.</p>
  90. </div>
  91.  
  92. <div>
  93. <h2><a name="Inline">Acronyms and abbreviations</a></h2>
  94.  
  95. <p>Acronyms and abbreviations should be marked as such, using the <a
  96. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-ABBR"><code>ABBR</code></a>
  97. and <a
  98. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-ACRONYM"><code>ACRONYM</code></a>
  99. elements available in the information types submenu of the Style menu. For
  100. unix there is also the shortcut Alt-t, Alt-a for acronym. This allows
  101. recognition for different types of systems. The <code>title</code> attribute
  102. can also be used to specify the expansion of the acronym. Select the text to
  103. be marked, for example <acronym
  104. title="World Wide Web Consortium">W3C</acronym>, select the Style menu, the
  105. information types submenu, and the option acronym. Then select the entire
  106. element (<kbd>Escape key</kbd> on Unix, <kbd>F2 key</kbd> on windows), open
  107. the Attributes menu, select title, enter <kbd>World Wide Web Consortium</kbd>,
  108. and apply it.</p>
  109.  
  110. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  111. presentation of acronyms or abbreviations.</p>
  112. </div>
  113.  
  114. <div>
  115. <h2><a name="Inline2">Insertions and deletions</a></h2>
  116.  
  117. <p>The <a href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-del"
  118. name="DEL"><code>DEL</code></a> and <a
  119. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-ins"><code>INS</code></a>
  120. elements are available in the information types submenu of the Style menu to
  121. mark text <span style="text-decoration: underline">wich ought</span>  to be
  122. deleted or which has <ins>already</ins> been inserted.</p>
  123.  
  124. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  125. presentation of insertions and deletions.</p>
  126. </div>
  127.  
  128. <div>
  129. <h2><a name="Emphasis">Emphasis elements</a></h2>
  130.  
  131. <p>HTML has elements to define two levels of emphasis:</p>
  132. <ol>
  133.   <li><em>Ordinary emphasis</em>, using the <a
  134.     href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-EM">EM</a>
  135.     element and</li>
  136.   <li><strong>Strong emphasis</strong>, using the <code><a
  137.     href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-STRONG">STRONG</a></code>
  138.     element.</li>
  139. </ol>
  140.  
  141. <p>Both types of emphasis can be applied from the toolbar using the <img
  142. src="../../Icons/Em.gif" alt="Emphasis" /> and <img
  143. src="../../Icons/Strong.gif" alt="Strong" /> buttons, or from the Information
  144. type submenu of the Style menu. There are also standard keyboard shortcuts -
  145. <kbd>Shift-control-I</kbd> for emphasis (because the default rendering is
  146. often italicised text) and <kbd>Shift-control-B</kbd> for strong emphasis
  147. (becuase the default rendering is often bold text). If there is a current
  148. selection, the emphaisis is applied to that, otherwise the appropriate element
  149. is created, as a child of the current element.</p>
  150.  
  151. <p>The emphasis elements are toggled in Amaya - to remove an emphasis select
  152. the element and reapply the appropriate emphasis. For example place the cursor
  153. somewhere in a <code>STRONG</code> element, use the <kbd>F2</kbd> (windows) or
  154. <kbd>Escape</kbd> (Unix) key to select the element, and then use the keyboard
  155. shortcut, menu item, or the <img src="../../Icons/Strong.gif" alt="Strong" />
  156. button - the <code>STRONG</code> element will be removed.</p>
  157.  
  158. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  159. presentation of both types of emphasis.</p>
  160. </div>
  161. </div>
  162.  
  163. <p align="right"><a href="address.html"><img alt="previous" border="0"
  164. src="../../Icons/left.gif" /></a> <a href="../Manual.html#There"><img
  165. alt="top" border="0" src="../../Icons/up.gif" /></a> <a
  166. href="40styling.html"><img alt="next" border="0" src="../../Icons/right.gif"
  167. /></a></p>
  168. <hr />
  169. </body>
  170. </html>
  171.