コンテンツ作成のヒント
入力書式:- Filtered HTML:
- ウェブページアドレスとメールアドレスは、自動的にハイパーリンクに変換されます。
使用できるHTMLタグ: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
このサイトでは HTML で書かれたコンテンツの投稿を許可しています。 HTML のすべてを習得するのは気が引けるかもしれませんが、ほんの一部の基本的な HTML 「タグ」の使い方を習得するのはさほど難しいことではありません。 以下の表では、このサイトで利用できるタグを、一例を挙げて説明しています。
より詳細な情報は、W3C の HTML Specifications(英文) や W3C 仕様書等の日本語訳集 を参照するか、好みの検索エンジンから HTML について解説しているサイトを探し、それらを参考にしてください。
| タグの説明 | 記述例 | 表示例 |
| アンカーは他ページへのリンク作成に使用します。 | <a href="http://www.bigakko.jp">美学校</a> | 美学校 |
| 強調 | <em>強調</em> | 強調 |
| 強調 | <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番目の定義
|
ほとんどの特殊記号は、特に問題なく直接入力することができます。
もし問題が生じる場合は、HTML のエンティティ表記を使用してみてください。 例えば、& と入力した場合はアンド記号の「&」のように表示されます。 エンティティの全リストは、HTML のエンティティページを参照してください。 エンティティ表記の一例:
| 文字の説明 | 記述例 | 表示例 |
| アンパサンド(&) | & | & |
| 大なり記号(>) | > | > |
| 小なり記号(<) | < | < |
| 引用符(") | " | " |
- 行と段落は自動的に認識され、<br />(改行タグ)や <p> </p>(段落の開始・終了タグ)が自動的に挿入されます。 もし段落が認識されない場合は、2行の空行を加えてください。
- Full HTML:
- ウェブページアドレスとメールアドレスは、自動的にハイパーリンクに変換されます。
- 行と段落は自動的に認識され、<br />(改行タグ)や <p> </p>(段落の開始・終了タグ)が自動的に挿入されます。 もし段落が認識されない場合は、2行の空行を加えてください。
To add a lightbox slideshow to your images, add rel="lightshow[slideshowname][slide caption]" attribute to any link tag to activate the slideshow. For example: <a href="image-1.jpg" rel="lightshow[show1]">image #1</a> <a href="image-2.jpg" rel="lightshow[show1]">image #2</a> <a href="image-3.jpg" rel="lightshow[show1]">image #3</a>
The title attribute in the link tag is optional. The addition of this attribute enables the display of a caption with the image displayed in the lightbox. There are no limits to the number of slideshow image sets per page or how many images are allowed in each slideshow. If you wish to turn the caption into a link, format your caption in the following way: <a href="image-1.jpg" rel='lightshow[show1][<a href="http://www.yourlink.com">View Image Details</a>]'>image #1</a>
To add a lightbox to your images, add rel="lightbox" attribute to any link tag to activate the lightbox. For example: <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. If you have a set of related images that you would like to group, then you will need to include a group name between square brackets in the rel attribute. For example: <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>
There are no limits to the number of image sets per page or how many images are allowed in each set. If you wish to turn the caption into a link, format your caption in the following way: <a href="image-1.jpg" rel='lightbox[][<a href="http://www.yourlink.com">View Image Details</a>]' >image #1</a>
- Image links from G2 are formatted for use with Lightbox2
- Insert Google Map macro.
|