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