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