home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 May / Gamestar_73_2005-05_dvd.iso / Programy / amaya / amaya-WinXP-9.1.exe / doc / WX / HTML-elements / inline.html < prev    next >
Encoding:
Extensible Markup Language  |  2005-02-23  |  7.7 KB  |  178 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.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7.   <title>Inline elements</title>
  8.   <meta name="GENERATOR" content="amaya 9.0.1, see http://www.w3.org/Amaya/"
  9.   />
  10.   <style type="text/css">
  11.   </style>
  12.   <link href="../style.css" rel="stylesheet" type="text/css" />
  13. </head>
  14.  
  15. <body xml:lang="en" lang="en">
  16.  
  17. <div>
  18. <img border="0" alt="Amaya" src="../../../resources/icons/22x22/logo.png"
  19. />
  20.  
  21. <p class="nav"><a href="address.html"><img alt="previous" border="0"
  22. src="../../../resources/icons/misc/left.png" /></a> <a
  23. href="../HTML.html"><img alt="top" border="0"
  24. src="../../../resources/icons/misc/up.png" /></a> <a
  25. href="40styling.html"><img alt="next" border="0"
  26. src="../../../resources/icons/misc/right.png" /></a></p>
  27. </div>
  28.  
  29. <div id="page_body">
  30. <h1>Inline markup</h1>
  31.  
  32. <p>Text within a paragraph, heading, or other block element can be marked up
  33. in a variety of ways, for example to emphasise it, or to highlight text that
  34. should be entered by a user into a computer. Most of these inline elements
  35. are described in this page, although links, which are inline elements, are
  36. described separately.</p>
  37.  
  38. <div>
  39. <h2><a name="Inline21"></a><a name="Definition">Definitions</a></h2>
  40.  
  41. <p>The <a
  42. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-DFN"><code>dfn</code></a>
  43. element is used to mark an <dfn>inline definition</dfn> (a word which is
  44. given as a defining instance)</p>
  45.  
  46. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  47. presentation of inline definitions.</p>
  48. </div>
  49.  
  50. <div>
  51. <h2><a name="Inline1">Inline Quotations</a></h2>
  52.  
  53. <p>Quotations which are inline can be marked using the information type
  54. "quotation" - the HTML element <a
  55. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-Q"><code>q</code></a>.
  56. This element is selected from the <strong>Character elements</strong> submenu
  57. of the <strong>XHTML</strong> menu, or with the keyboard shortcut <var>Ctrl i
  58. Ctrl q</var>. It is possible to give a URI source for the quotation, using
  59. the <code>cite</code> attribute.</p>
  60.  
  61. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  62. presentation of inline quotations. The HTML specification states that inline
  63. quotation should be rendered with the appropriate punctuation marks for the
  64. language being represented.</p>
  65. </div>
  66.  
  67. <div>
  68. <h2><a name="Sample">Sample input, output and computer code</a></h2>
  69.  
  70. <p>Elements are provided to mark computer code, such as
  71. <code>statement:do-something</code>, with separate markup for
  72. <var>variables</var>, as well as <kbd>user input</kbd> and <samp>program
  73. output</samp> - the elements <a
  74. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-CODE"><code>code</code></a>,
  75. <a
  76. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-VAR"><code>var</code></a>,
  77. <a
  78. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-KBD"><code>kbd</code></a>
  79. and <a
  80. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-SAMP"><code>samp</code></a>.
  81. These elements are found in the <strong>Information types</strong> submenu of
  82. the <strong>XHTML</strong> menu, and there are keyboard shortcuts for all of
  83. them - <kbd>Ctrl i</kbd> followed by <kbd>Ctrl t</kbd> for code, <kbd>Ctrl
  84. v</kbd> for variables, <kbd>Ctrl k</kbd> for user input and <kbd>Ctrl m</kbd>
  85. for sample output.</p>
  86.  
  87. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  88. presentation of these elements.</p>
  89. </div>
  90.  
  91. <div>
  92. <h2><a name="Inline">Acronyms and abbreviations</a></h2>
  93.  
  94. <p>Acronyms and abbreviations should be marked as such, using the <a
  95. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-ABBR"><code>abbr</code></a>
  96. and <a
  97. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-ACRONYM"><code>acronym</code></a>
  98. elements available in the <strong>Information types</strong> submenu of the
  99. <strong>XHTML</strong> menu. There is also the shortcut <kbd>Ctrl i Ctrl
  100. y</kbd> for acronym. This allows recognition for different types of systems.
  101. The <code>title</code> attribute can also be used to specify the expansion of
  102. the acronym. Select the text to be marked, for example <acronym
  103. title="World Wide Web Consortium">W3C</acronym>, select the
  104. <strong>XHTML</strong> menu, the information types submenu, and the option
  105. acronym. Then select the entire element (<kbd>F2 key</kbd> on Windows), open
  106. the Attributes menu, select title, enter <kbd>World Wide Web
  107. Consortium</kbd>, and apply it.</p>
  108.  
  109. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  110. presentation of acronyms or abbreviations.</p>
  111. </div>
  112.  
  113. <div>
  114. <h2><a name="Inline2">Insertions and deletions</a></h2>
  115.  
  116. <p>The <a href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-del"
  117. name="DEL"><code>del</code></a> and <a
  118. href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-ins"><code>ins</code></a>
  119. elements are available in the <strong>Information types</strong> submenu of
  120. the <strong>XHTML</strong> menu to mark text <del>which ought</del> to be
  121. deleted or which has <ins>already</ins> been inserted.</p>
  122.  
  123. <p><a href="../StyleSheets.html">Style sheets</a> can be used to change the
  124. presentation of insertions and deletions.</p>
  125. </div>
  126.  
  127. <div>
  128. <h2><a name="Emphasis">Emphasis elements</a></h2>
  129.  
  130. <p>HTML has elements to define two levels of emphasis:</p>
  131. <ol>
  132.   <li><em>Ordinary emphasis</em>, using the <a
  133.     href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-EM">em</a>
  134.     element and</li>
  135.   <li><strong>Strong emphasis</strong>, using the <code><a
  136.     href="http://www.w3.org/TR/REC-html40/struct/text.html#edef-STRONG">strong</a></code>
  137.     element.</li>
  138. </ol>
  139.  
  140. <p>Both types of emphasis can be applied from the toolbar using the <img
  141. src="../../../resources/icons/22x22/XHTML_I.png" alt="Emphasis" /> and <img
  142. src="../../../resources/icons/22x22/XHTML_B.png" alt="Strong" /> buttons, or
  143. from the <strong>Information types</strong> submenu of the
  144. <strong>XHTML</strong> menu. There are also standard keyboard shortcuts -
  145. <kbd>Ctrl i Ctrl e</kbd> for emphasis (because the default rendering is often
  146. italicised text) and <kbd>Ctrl i Ctrl s</kbd> for strong emphasis (becuase
  147. the default rendering is often bold text). If there is a current selection,
  148. the emphaisis is applied to that, otherwise the appropriate element is
  149. 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
  153. cursor somewhere in a <code>STRONG</code> element, use the <kbd>F2</kbd> key
  154. to select the element, and then use the keyboard shortcut, menu item, or the
  155. <img src="../../../resources/icons/22x22/XHTML_B.png" alt="Strong" /> button
  156. - 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.  
  161. <h2 id="L260">SPAN element</h2>
  162.  
  163. <p>The <a
  164. href="http://www.w3.org/TR/REC-html40/struct/global.html#edef-SPAN">span</a>
  165. element in conjunction with a <a
  166. href="http://www.w3.org/TR/REC-html40/struct/global.html#adef-id"
  167. name="id">id</a> (<a href="../StyleSheets.html.fr#Creating"
  168. name="style">style</a> or <a
  169. href="http://www.w3.org/TR/REC-html40/struct/global.html#adef-class"
  170. name="class">class</a>) attribute offers a generic mechanism for adding
  171. structure to a document. This element is generated by Amaya when the user
  172. applies an attribute to a piece of text. It's removed when the attribute is
  173. deleted.</p>
  174. </div>
  175. </div>
  176. </body>
  177. </html>
  178.