コンテンツ作成のヒント

ホーム
  • ウェブページアドレスとメールアドレスは、自動的にハイパーリンクに変換されます。

  • 使用できるHTMLタグ： <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

    このサイトではHTMLで書かれたコンテンツの投稿を許可しています。 HTMLのすべてを習得するのは気が引けるかもしれませんが、ごく少数の基本的なHTML「タグ」の使い方を習得するのはとても簡単です。 以下の表では、このサイトで利用できるタグを、一例を挙げて説明しています。

    より詳細な情報は、W3CのHTML Specifications（英文）や、W3C 仕様書等の日本語訳集を参照するか、好みの検索エンジンからHTMLについて解説しているサイトを探し、それらを参考にしてください。

    タグの説明記述例表示例
    アンカーは他ページへのリンク作成に使用します。<a href="http://hozenrugbyob.jp">保善高校ラグビー部ＯＢ会オフィシャルサイト</a>保善高校ラグビー部ＯＢ会オフィシャルサイト
    強調<em>強調</em>強調
    強調<strong>強調</strong>強調
    引用<cite>引用</cite>引用
    テキストをプログラムのソースコードとして明示するために使われます。<code>コード</code>コード
    順序無しリスト - 各リスト項目を <li></li> で囲み、全体を <ul></ul> で囲みます。<ul> <li>1番目の項目</li> <li>2番目の項目</li> </ul>
    • 1番目の項目
    • 2番目の項目
    順序付きリスト - 各リスト項目を <li></li> で囲み、全体を <ol></ol> で囲みます。<ol> <li>1番目の項目</li> <li>2番目の項目</li> </ol>
    1. 1番目の項目
    2. 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のエンティティ表記を使用してみてください。 例えば、&amp; と入力した場合はアンド記号の「&」のように表示されます。 エンティティの全リストは、HTMLのエンティティページを参照してください。

    エンティティ表記の一例：

    文字の説明記述例表示例
    アンパサンド（&）&amp;&
    大なり記号（>）&gt;>
    小なり記号（<）&lt;<
    引用符（"）&quot;"
  • 行と段落は自動的に認識され、<br />（改行タグ）や <p> </p>（段落の開始・終了タグ）が自動的に挿入されます。 もし段落が認識されない場合は、空行を2つ加えてください。

  • Video Filter

    You may insert videos from popular video sites by using a simple tag [video:URL].

    Examples:

    • Single video:
      [video:http://www.youtube.com/watch?v=uN1qUeId]
    • Random video out of multiple:
      [video:http://www.youtube.com/watch?v=uN1qUeId1,http://www.youtube.com/watch?v=uN1qUeId2]
    • Override default autoplay setting: [video:http://www.youtube.com/watch?v=uN1qUeId autoplay:1]
    • Override default width and height:
      [video:http://www.youtube.com/watch?v=uN1qUeId width:X height:Y]
    • Override default aspect ratio:
      [video:http://www.youtube.com/watch?v=uN1qUeId ratio:4/3]
    • Align the video:
      [video:http://www.youtube.com/watch?v=uN1qUeId align:right]

    Supported sites: YouTube, Google Video, Tangle, DailyMotion, Vimeo, Flickr Slideshows, Flickr Video, Game Videos, Meta Cafe, Streamhoster, Game Trailers, College Humor, MySpace, Capped, Blip.tv, Slideshare, Picasa Slideshows, Teachertube.

    Special instructions:

    Some codecs need special input. You'll find those instructions here.
    • Slideshare:
      You need to construct your own URL, using the "Wordpress Embed" code from Slideshare, extract the "id" and "doc" parts, and form the URL like this: slideshare.net/?id=1759622&doc=usingdrupal-090723103440-phpapp01.
    • Picasa Slideshows:
      You must use the URL of the RSS feed for the Picasa album:
      1. View the album in Picasa (you should see thumbnails, not a slideshow).
      2. Find the "RSS" link and click it.
      3. Copy the resulting URL from the browser address bar. Example:
        [video: http://picasaweb.google.com/data/feed/base/user/USER_NAME/albumid/5568104935784209834?alt=rss&kind=photo&hl=en_US]