Workbookã®åŽŸç¨¿ã®è¨˜æ³•ã¯ã€ã„ãã¤ã‹ã®ä¾‹å¤–ã¨æ‹¡å¼µè¡¨è¨˜æ³•ã‚’除ã‘ã°ã€HTMLã¨ã»ã¨ã‚“ã©å¤‰ã‚ã‚Šã¾ã›ã‚“(ã“れらã®å‰²ã‚Šå½“ã¦ã¯æš«å®šçš„ãªã‚‚ã®ã§ã€å°†æ¥å¤‰æ›´ã•ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ï¼‰ã€‚
head/title
ã¯ã‚¿ã‚¤ãƒˆãƒ«ï¼ˆæ›¸å)ã§ã™ï¼ˆã“ã‚Œã¯å¥¥ä»˜ã®ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚スタイルを付ã‘ãªã„ã§ãã ã•ã„)。
<head> <title>Foo Tutorial</title> </head>
head/meta
ã§ãƒ¡ã‚¿æƒ…å ±ã‚’è¨å®šã§ãã¾ã™ï¼ˆä¾‹ãˆã°name="author" content="John Doe"
, name="date" content="2038-02-31"
)。
<head> <meta name="author" content="John Doe"/> </head>
h1
ã¯æ›¸å(タイトル)ã§ã™ï¼ˆã“ã‚Œã¯å¤§æ‰‰ã®ãŸã‚ã®ã‚‚ã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¨å®šã—ã¦ã‚‚構ã„ã¾ã›ã‚“)。
<h1><em>Foo</em> Tutorial</h1>
h2 is chapter, h3 section, h4 subsection, ...
p
ã¯æ®µè½ã§ã™ã€‚class="continued"
ã§1行目ã®ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆãŒæŠ‘制ã•ã‚Œã¾ã™ã€‚
<p>First paragraph.</p> <p>Second paragraph.</p> <p class="continued">Second paragraph continued.</p>First paragraph.
Second paragraph.
Second paragraph continued.
address
, blockquote
, div
ã¯HTMLã¨åŒã˜æ„味ã§ã™ã€‚
<address>info@example.org</address><blockquote> <p>If you do not think about the future, you cannot have one. -- John Galsworthy</p> </blockquote><div> does not do much without class specified.</div>info@example.orgIf you do not think about the future, you cannot have one. -- John Galsworthy
div does not do much without class specified.
pre
ã¯æ•´å½¢æ¸ˆã¿ã®ã‚³ãƒ¼ãƒ‰ãƒ–ãƒãƒƒã‚¯ã§ã€é€šå¸¸ã¯ã‚¿ã‚¤ãƒ—ライタフォントã§å‡ºåŠ›ã•ã‚Œã¾ã™ã€‚
<pre>#include <stdio.h> int main(void) { printf("hello, world\n"); return 0; }</pre>#include <stdio.h> int main(void) { printf("hello, world\n"); return 0; }
abbr
ã¨acronym
ã¯ãã®title
ãŒè„šæ³¨ã¨ã—ã¦æŒ¿å…¥ã•ã‚Œã¾ã™ã€‚
<abbr title="World Wide Web">WWW</abbr> is an abbreviation while <acronym title="radio detecting and ranging">rader</acronym> is an acronym.WWW is an abbreviation while rader is an acronym.
br
ã¯æ”¹è¡Œã§ã™ã€‚ãŠã‹ã—ãªã¨ã“ã‚ã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹åŽŸå› ã«ãªã‚‹ã®ã§ã€æ¿«ç”¨ã¯é¿ã‘ã¦ãã ã•ã„。
First line<br/> and the second line.First line
and the second line.
cite
ã¯å‚考文献ã®å¼•ç”¨ã§ã™ã€‚title
属性ãŒå‚照用ã®ã‚ーã«ãªã‚Šã¾ã™ã€‚
<cite title="doe2000">John Doe, "Foo Bar"</cite>John Doe, "Foo Bar"
code
インラインã®ãƒ—ãƒã‚°ãƒ©ãƒ コードã§ã™ã€‚通常ã¯ã‚¿ã‚¤ãƒ—ライタフォントã§å‡ºåŠ›ã•ã‚Œã¾ã™ã€‚
function <code>foo()</code>.function
foo()
.
dfn
ã¯è‡ªå‹•çš„ã«ç´¢å¼•é …目を生æˆã—ã¾ã™ã€‚class
ã«noindexterm
を指定ã™ã‚Œã°æŠ‘制ã•ã‚Œã¾ã™ã€‚
<dfn>HTML</dfn> stands for Hypertext Markup language.HTML stands for Hypertext Markup language.
em
ã¯å¼·èª¿ã§ã™ã€‚strong
ã¯ã•ã‚‰ã«å¼·ã„強調ã§ã™ã€‚
<em>emphasized</em> or <strong>strong</strong>.emphasized or strong.
kbd
ã¯ãƒ¦ãƒ¼ã‚¶å…¥åŠ›ã§ã™ï¼ˆé€šå¸¸ã¯å¼·èª¿ã•ã‚Œã‚¿ã‚¤ãƒ—ライタフォントã§å‡ºåŠ›ã•ã‚Œã‚‹ï¼‰ã€‚samp
ã¯ã‚³ãƒ³ãƒ”ュータã‹ã‚‰ã®å‡ºåŠ›ã§ã™ï¼ˆé€šå¸¸ã¯ã‚¿ã‚¤ãƒ—ライタフォントã§å‡ºåŠ›ã•ã‚Œã‚‹ï¼‰ã€‚
Type <kbd>echo foo</kbd> at the terminal.Type echo foo at the terminal.
q
ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§ã®å¼•ç”¨ã§ã™ã€‚
She say <q>Good bye</q>, I say <q>Hello</q>.She say
Good bye, I sayHello.
span
ã¯ã€æŒ‡å®šã—ãŸclass
ã«å¿œã˜ã¦ã„ã‚ã„ã‚ãªä»•äº‹ã‚’ã—ã¾ã™ã€‚
<span class="indexterm" title="attribute"><a class="indexterm">class</a></span> is used for expanding features.class is used for expanding features.
a href="http://..."
ã¯URLを脚注ã¨ã—ã¦æŒ¿å…¥ã—ã¾ã™ã€‚
See <a href="http://example.org/">Example.org</a>.See Example.org.
a href="#..."
ã¯ç›¸äº’å‚照を挿入ã—ã¾ã™ã€‚
We will discuss the meaning of foo <a href="#sec-foo">later</a>.We will discuss the meaning of foo later.
* id="..."
ã¯ç›¸äº’å‚照先や文書å–ã‚Šè¾¼ã¿å…ˆã‚’è˜åˆ¥ã™ã‚‹ãŸã‚ã®å°ã§ã™ã€‚
<p id="sec-foo">Foo is a sample name of anything.</p>Foo is a sample name of anything.
var
ã¯å¤‰æ•°ã§ã€é€šå¸¸italic(イタリック)ã§å‡ºåŠ›ã•ã‚Œã¾ã™ã€‚
Variable <var>fname</var> refers to a filename.Variable fname refers to a filename.
del
ã¯å‰Šé™¤ï¼ˆæ‰“ã¡æ¶ˆã—線)ã§ins
ã¯æŒ¿å…¥ï¼ˆä¸‹ç·šï¼‰ã§ã™ã€‚
<del>Deleted</del> and <ins>inserted</ins>.
Deletedand inserted.
リスト(dl
, ul
, ol
)ã¯HTMLã¨åŒã˜ã§ã™ã€‚ãŸã ã—ã‚ã¾ã‚Šæ·±ããƒã‚¹ãƒˆã•ã›ãªã„ã§ãã ã•ã„。
dl
ã¯å®šç¾©ãƒªã‚¹ãƒˆã§ã™ã€‚複数ã®ç”¨èªžã«1ã¤ã®èª¬æ˜Žæ–‡ãŒå¯¾å¿œã™ã‚‹æ›¸ãæ–¹ã¯ã¾ã サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã›ã‚“。
<dl> <dt>running head</dt> <dt>running title</dt> <dd>A heading printed at the top of every (other) page of a book.</dd> <dt>date</dt> <dd>Specific time that can be named.</dd> <dd>A person with whom you are dating.</dd> <dd>Fruit of the date palm.</dd> </dl>
- running head
- running title
- A heading printed at the top of every (other) page of a book.
- date
- Specific time that can be named.
- A person with whom you are dating.
- Fruit of the date palm.
applet
, object
, map
ã¯ç„¡è¦–ã•ã‚Œã¾ã™ã€‚
form
ã¯ç„¡è¦–ã•ã‚Œã¾ã™ã€‚
b
, big
, i
, small
, sub
, sup
, tt
)ã¯ã€ä»Šã®ã¨ã“ã‚無視ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚代ã‚ã‚Šã«em
ãªã©ã®ä»£æ›¿è¦ç´ を使ã£ã¦ãã ã•ã„。
a name="..."
ã¯ä»Šã®ã¨ã“ã‚無視ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å»ƒæ¢ã•ã‚Œã¾ã—ãŸã€‚代ã‚ã‚Šã«id
属性を使ã£ã¦ãã ã•ã„。
注æ„:カラーã¯ã¾ã サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã›ã‚“。今ã®ã¨ã“ã‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã®ã¯ã‚°ãƒ¬ãƒ¼ã‚¹ã‚±ãƒ¼ãƒ«ç”»åƒã®ã¿ã§ã™ã€‚
Rxvtã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆï¼ˆPNG(å‰è€…)ã¨JPEG(後者))。
img src="..."
ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã™ã€‚
<img src="booklogo-small.eps" alt="book logo"/>Book logo.
Book logo.
div class="figure"
ã¯æµ®å‹•ã™ã‚‹å›³ç‰ˆã«ãªã‚Šã¾ã™ã€‚
div class="figure" / p class="caption"
ã¯ã‚ャプションã§ã™ã€‚
<div class="figure" id="fig-photo"> <img src="tritonia-lusitania-1935.jpg" alt="J. Peress' 1-atm dive suit, Tritonia" width="640px"/> <p class="caption"> J. Peress' 1-atm dive suit, Tritonia, explored the Lusitania wreck in 1935. </p> </div>![]()
J. Peress' 1-atm dive suit, Tritonia, explored the Lusitania wreck in 1935.
表ã®ã‚µãƒãƒ¼ãƒˆã¯æš«å®šçš„ãªã‚‚ã®ã§ã™ã€‚å¯èƒ½ãªã‚‰è¡¨ã¯ä½¿ã‚ãªã„ã§ãã ã•ã„。ã„ã¤ã ã£ã¦è¡¨ã¯ãƒ‰ãƒãƒ¼ãƒ„ールã§æã„ã¦å›³ç‰ˆã¨ã—ã¦æŒ¿å…¥ã§ãã¾ã™ã€‚
table
ã¯è¡¨ã§ã™ã€‚
table / caption
ã¯è¡¨ã®ã‚ャプションã§ã™ã€‚
<table summary="table comparison"> <caption>Comparison of tables.</caption> <tr><th></th><th>float</th><th>caption</th><th>nestable</th></tr> <tr><th>HTML table</th><td>no</td><td>yes</td><td>yes</td></tr> <tr><th>LaTeX tabular</th><td>no</td><td>no</td><td>yes</td></tr> <tr><th>LaTeX table</th><td>yes</td><td>yes</td><td>no</td></tr> </table>
Comparison of tables. float caption nestable HTML table no yes yes LaTeX tabular no no yes LaTeX table yes yes no
æ•°å¼è¡¨ç¾ã¯MathMLを利用ã—ã¦ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚åå‰ç©ºé–“ã®è˜åˆ¥åを忘れãšã«è¿½åŠ ã—ã¦ãã ã•ã„。
math xmlns="http://www.w3.org/1998/Math/MathML" display="block"
ã¯ãƒ‡ã‚£ã‚¹ãƒ—レイ(ブãƒãƒƒã‚¯ï¼‰æ•°å¼ã§ã™ã€‚
math xmlns="http://www.w3.org/1998/Math/MathML" display="block" id="foo"
ã¯ç•ªå·ä»˜ãã®ãƒ‡ã‚£ã‚¹ãƒ—レイ数å¼ã§ã™ã€‚
math xmlns="http://www.w3.org/1998/Math/MathML"
ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã®æ•°å¼ã§ã™ã€‚
<math xmlns="http://www.w3.org/1998/Math/MathML" display="block" id="eqn-block"> <mfrac> <mrow><mi>d</mi></mrow> <mrow><mi>d</mi><mi>x</mi></mrow> </mfrac> <msubsup><mo>∫</mo><mi>a</mi><mi>x</mi></msubsup> <mi>f</mi> <mfenced> <msup><mi>x</mi><mrow><mo>′</mo></mrow></msup> </mfenced> <mi>d</mi><msup><mi>x</mi><mo>′</mo></msup> <mo>=</mo> <mi>f</mi><mfenced><mi>x</mi></mfenced> </math>
<p>The same <a href="#eqn-block">equation</a> can be placed inline: <math xmlns="http://www.w3.org/1998/Math/MathML" id="eqn-inline"> <mfrac> <mrow><mi>d</mi></mrow> <mrow><mi>d</mi><mi>x</mi></mrow> </mfrac> <msubsup><mo>∫</mo><mi>a</mi><mi>x</mi></msubsup> <mi>f</mi> <mfenced> <msup><mi>x</mi><mrow><mo>′</mo></mrow></msup> </mfenced> <mi>d</mi><msup><mi>x</mi><mo>′</mo></msup> <mo>=</mo> <mi>f</mi><mfenced><mi>x</mi></mfenced> </math> as well.</p>The same equation can be placed inline: as well.
div class="frontmatter"
ã¯å‰ä»˜ã®å§‹ã¾ã‚Šã‚’示ã—ã¾ã™ã€‚å‰ä»˜ã§ã¯ä¸€èˆ¬ã«ã€ã‚»ã‚¯ã‚·ãƒ§ãƒ³è¦‹å‡ºã—ã«ã¯ç•ªå·ãŒä»˜ã‹ãšã€ãƒŽãƒ³ãƒ–ルã«ã¯ãƒãƒ¼ãƒžæ•°å—(時計数å—)ãŒä½¿ã‚ã‚Œã¾ã™ã€‚
div class="mainmatter"
ã¯ã“ã“ã§å‰ä»˜ãŒçµ‚ã‚り本文ãŒå§‹ã¾ã‚‹ã“ã¨ã‚’示ã—ã¾ã™ã€‚
div class="appendix"
ã¯ã“ã“ã§é€šå¸¸ã®ç« ãŒçµ‚ã‚り付録ãŒå§‹ã¾ã‚‹ã“ã¨ã‚’示ã—ã¾ã™ã€‚付録ã¯é€šå¸¸ã®ç« ã¨ã¯åˆ¥ç«‹ã¦ã§ã‚»ã‚¯ã‚·ãƒ§ãƒ³ç•ªå·ãŒæŒ¯ã‚‰ã‚Œã¾ã™ï¼ˆä¾‹ï¼šç¬¬1ç« ã¨ä»˜éŒ²Aãªã©ï¼‰ã€‚
div class="backmatter"
ã¯ã“ã“ã§æœ¬æ–‡ãŒçµ‚ã‚り後付ãŒå§‹ã¾ã‚‹ã“ã¨ã‚’示ã—ã¾ã™ã€‚
<div class="frontmatter"/>Frontmatter (title, colophon, dedication, foreword, preface, acknowledgments, table of contents, etc)
<div class="mainmatter"/>Chapters
<div class="appendix"/>Appendices
<div class="backmatter"/>Backmatter (index, etc.)
div class="toc"
ã¯ç›®æ¬¡ã‚’挿入ã—ã¾ã™ã€‚
<div class="toc"/>
div class="index"
ã¯ç´¢å¼•ã‚’挿入ã—ã¾ã™ã€‚
<div class="index"/>
a class="indexterm"
ã¯ç´¢å¼•é …目を作りã¾ã™ã€‚
<a class="indexterm">some term</a>
span class="indexterm" title="key@parent" / a class="indexterm" title="key@child"
ã¯ç‰¹å®šã®ã‚ーã¨ã‚¨ãƒ³ãƒˆãƒªã¨éšŽå±¤ã‚’æŒã£ãŸç´¢å¼•é …目を作りã¾ã™ã€‚
<span class="indexterm" title="parent@parent"><a class="indexterm" title="zzz@some term"> some term </a></span>
a
ã«include
クラスãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã¨å¤–部ファイルをå–ã‚Šè¾¼ã¿ã¾ã™ã€‚
a href="foo" class="include"
ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚’プレーンテã‚ストã¨ã—ã¦å–ã‚Šè¾¼ã¿ã¾ã™ã€‚
a href="foo#..." class="include"
ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚’本文原稿ã®ä¸€éƒ¨åˆ†ã¨ã—ã¦å–ã‚Šè¾¼ã¿ã¾ã™ï¼ˆæŒ‡å®šã•ã‚ŒãŸidã‚’æŒã¤è¦ç´ 以é™ãŒå–ã‚Šè¾¼ã¾ã‚Œã¾ã™ï¼‰ã€‚
a
ã¯è„šæ³¨ã‚’表ã™ã®ã«ã‚‚使ã‚ã‚Œã¾ã™ã€‚
a href="#foo" class="footnotemark"
ã¯è„šæ³¨è¨˜å·ã‚’挿入ã—ã¾ã™ã€‚
ul class="footnotes" / li class="footnotetext"
ã¯è„šæ³¨ã®ãƒ†ã‚ストã§ã™ã€‚
<p> Footnote <a href="#fn-fnmark" class="footnotemark">marks</a> and footnote <a href="#fn-fntext" class="footnotemark">texts</a> must be in pairs. </p> <ul class="footnotes"> <li class="footnotetext" id="fn-fnmark">Footnote mark.</li> <li class="footnotetext" id="fn-fntext">Footnote text.</li> </ul>Footnote marks and footnote texts must be in pairs.
- Footnote mark.
- Footnote text.
原稿ã®è¦ç´ を出力ã«å«ã‚ã‚‹ã‹ã©ã†ã‹ã¯xml:lang
属性ã«åŸºã¥ã„ã¦å–æ¨é¸æŠžã§ãã¾ã™ã€‚ã“ã‚Œã¯ç¿»è¨³ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä¾¿åˆ©ã§ã™ã€‚
* xml:lang="..."
ã§è¨€èªžã‚’è¨å®šã—ã¾ã™ã€‚
<p> <span xml:lang="en">English text.</span> <span xml:lang="ja">日本語ã®ãƒ†ã‚スト。</span> </p>日本語ã®ãƒ†ã‚スト。