TITLE:引用 *引用をする [#r105e943] ほかの文章をまとまった範囲で引用する場合には、 ''blockquote''要素を使います。 また、引用元(出典元)を表すのに''cite''要素を使います。 **引用する [#v112d5b6] blockquote要素では、まとまった範囲を、1つの引用として示します。 また、cite属性を使えば、引用もとのURLを示すことができます。 表示としては、引用範囲の左右がインデントされた状態になります。 #pre(novervatim){{ インターネットの歴史については、次のように書かれています。 COLOR(red):<blockqupte cite="http://e-words.jp/w/インターネット.html"> COLOR(black):その起源は米国防総省の高等研究計画局(ARPA)が始めた 分散型コンピュータネットワークの研究プロジェクトである ARPAnetであるといわれている。 COLOR(red):</blockquote> }} **引用元(出典元)を表す [#gef2b607] cite要素は、引用する内容そのものではなく、書籍や文書のタイトル、著者名などを示します。 一般には、斜体(イタリック体)で表示されます。 本来、HTMLは文章の構造を決めるのが役割なのですが、 補助的に、いくつか特徴的な文字の整形方法を紹介します。 **スタイルの設定 [#hcdeb5ce] blockquote属性と組み合わせる場合、次のように使うとよいでしょう。 #pre(novervatim){{ COLOR(red):<b>COLOR(black):...COLOR(red):</b> COLOR(red):<i>COLOR(black):...COLOR(red):</i> COLOR(red):<sup>COLOR(black):...COLOR(red):</sup> COLOR(red):<sub>COLOR(black):...COLOR(red):</sub> インターネットの歴史については、次のように書かれています。 COLOR(red):<blockqupte cite="http://e-words.jp/w/インターネット.html"> COLOR(black):その起源は米国防総省の高等研究計画局(ARPA)が始めた 分散型コンピュータネットワークの研究プロジェクトである ARPAnetであるといわれている。 COLOR(red):<cite>COLOR(black):<a href="http://e-words.jp/w/インターネット.html">インターネット(e-Words)</a>COLOR(red):</cite> COLOR(red):</blockquote> }} ここで紹介する要素は、文章の構造としての意味はありません。 補助的な手段として用いられるものです。 >> ~ インターネットの歴史については、次のように書かれています。 >>その起源は米国防総省の高等研究計画局(ARPA)が始めた 分散型コンピュータネットワークの研究プロジェクトである ARPAnetであるといわれている。&br; '''[[インターネット(e-Words):http://e-words.jp/w/E382A4E383B3E382BFE383BCE3838DE38383E38388.html]]''' << << ''b''要素は文字を太字で、 ''i''要素は文字を斜体で表示します。 ''sup''要素は文字を小さくして上側に表示します。 ''sud''要素は文字を小さくして下側に表示します。 数学などの記号によく使われます。 #pre(novervatim){{ 次の式はCOLOR(red):<b>COLOR(black):放物線COLOR(red):</b>COLOR(black):を描きます。 y = xCOLOR(red):<sup>COLOR(black):2COLOR(red):</sup> }} **整形済みテキスト [#xde6e8b0] プログラムのソースファイルや、HTMLファイルなどの中身を 空白や改行などをそのまま表示したいときに使うのが、 ''pre''要素です。 #pre(novervatim){{ COLOR(red):<pre>COLOR(black):...COLOR(red):</pre> }} pre要素で囲んだ内容が、 HTMLファイルに書かれたのと同じように、表示されます。 そのため、 1行の長さがウィンドウ幅より長くなっても、 自動的に改行されません。 #pre(novervatim){{ メールには、次のように書かれていました。 COLOR(red):<pre> Date: Fri, 13 Oct 2006 14:01:07 +0900 From: hoge@ed.hyogo-dai.ac.jp To: foo@hyogo-dai.ac.jp ... COLOR(red):</pre> }} &br; &navi2(Lecture/JouhouC2007/3rd,next);進んでください。 ---- #navi2(Lecture/JouhouC2007/3rd,prev,toc,next) |