使用できるHTMLタグ: <p><br><a><img> <em><i><b> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd><img><div><span><table><tr><td>
このサイトではHTMLで書かれたコンテンツの投稿を許可しています。 HTMLのすべてを習得するのは気が引けるかもしれませんが、ごく少数の基本的なHTML「タグ」の使い方を習得するのはとても簡単です。 以下の表では、このサイトで利用できるタグを、一例を挙げて説明しています。
より詳細な情報は、W3CのHTML Specifications(英文)や、W3C 仕様書等の日本語訳集を参照するか、好みの検索エンジンからHTMLについて解説しているサイトを探し、それらを参考にしてください。
| タグの説明 | 記述例 | 表示例 |
| デフォルトで段落タグは自動的に付加されますので、このタグは段落タグを追加したい場合に使用してください。 | <p>段落 1</p> <p>段落 2</p> | 段落 1 段落 2 |
| デフォルトで改行タグは自動的に付加されますので、このタグは改行を追加したい場合に使用してください。 このタグはその他のほとんどのタグとは異なり、開始タグと終了タグのペアでは使いません。 「XHTML 1.0」との互換性を保つために、タグの中に余分な " /" を入れてください。 | このテキストは<br />改行されます | このテキストは 改行されます |
| アンカーは他ページへのリンク作成に使用します。 | <a href="http://pyotr.guru.ru">pyotr.guru.ru</a> | pyotr.guru.ru |
| img タグのヘルプはありません。 |
| 強調 | <em>強調</em> | 強調 |
| 斜体 | <i>斜体</i> | 斜体 |
| 太字 | <b>太字</b> | 太字 |
| 強調 | <strong>強調</strong> | 強調 |
| 引用 | <cite>引用</cite> | 引用 |
| テキストをプログラムのソースコードとして明示するために使われます。 | <code>コード</code> | コード |
| 順序無しリスト - 各リスト項目を <li></li> で囲み、全体を <ul></ul> で囲みます。 | <ul> <li>1番目の項目</li> <li>2番目の項目</li> </ul> | |
| 順序付きリスト - 各リスト項目を <li></li> で囲み、全体を <ol></ol> で囲みます。 | <ol> <li>1番目の項目</li> <li>2番目の項目</li> </ol> | - 1番目の項目
- 2番目の項目
|
| 定義リストは他の HTML リストと似ています。 定義用語を <dt></dt> 、その用語の説明を<dd></dd> で囲み、全体を <dl></dl> で囲みます。 | <dl> <dt>1番目の用語</dt> <dd>1番目の定義</dd> <dt>2番目の用語</dt> <dd>2番目の定義</dd> </dl> | - 1番目の用語
- 1番目の定義
- 2番目の用語
- 2番目の定義
|
| img タグのヘルプはありません。 |
| div タグのヘルプはありません。 |
| span タグのヘルプはありません。 |
| テーブル | <table> <tr><th>テーブルヘッダ</th></tr> <tr><td>テーブルセル</td></tr> </table> | |
ほとんどの特殊記号は、特に問題なく直接入力することができます。
問題が生じた場合は、HTMLのエンティティ表記を使用してみてください。 例えば、& と入力した場合はアンド記号の「&」のように表示されます。 エンティティの全リストは、HTMLのエンティティページを参照してください。
エンティティ表記の一例:
| 文字の説明 | 記述例 | 表示例 |
| アンパサンド(&) | & | & |
| 大なり記号(>) | > | > |
| 小なり記号(<) | < | < |
| 引用符(") | " | " |
イメージにlightboxを加えるには、lightboxを有効にするために任意のリンクタグに rel="lightbox" 属性を加えてください。
例:
<a href="image-1.jpg" rel="lightbox">image #1</a>
<a href="image-1.jpg" rel="lightbox[][my caption]">image #1</a>
To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.
グループ化したい関連するイメージのセットがある場合、rel 属性に [] で囲んだグループ名を含める必要があります。
例:
<a href="image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="image-2.jpg" rel="lightbox[roadtrip][caption 2]">image #2</a>
<a href="image-3.jpg" rel="lightbox[roadtrip][caption 3]">image #3</a>
ページごとのイメージセット数や、各セット内のイメージ数に制限はありません。
キャプションをリンクに変えたい場合は、次の方法でキャプションを書式化してください:
<a href="image-1.jpg" rel='lightbox[][<a href="http://www.yourlink.com">View Image Details</a>]' >image #1</a>