• ウェブページアドレスとメールアドレスは、自動的にハイパーリンクに変換されます。
  • 使用できる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>
    • 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番目の定義
    img タグのヘルプはありません。
    div タグのヘルプはありません。
    span タグのヘルプはありません。
    テーブル<table> <tr><th>テーブルヘッダ</th></tr> <tr><td>テーブルセル</td></tr> </table>
    テーブルヘッダ
    テーブルセル

    ほとんどの特殊記号は、特に問題なく直接入力することができます。

    問題が生じた場合は、HTMLのエンティティ表記を使用してみてください。 例えば、&amp; と入力した場合はアンド記号の「&」のように表示されます。 エンティティの全リストは、HTMLのエンティティページを参照してください。

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

    文字の説明記述例表示例
    アンパサンド(&)&amp;&
    大なり記号(>)&gt;>
    小なり記号(<)&lt;<
    引用符(")&quot;"
  • イメージに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>

Mouse Eye Tracking by PicNet Software Development Services

浜松・デザイン・グラフィック・ブランディング・プロモーション・静岡・design,branding,promotion

ユーザログイン