基本的HTMLでコメントの書式を設定

ここでは、Skypeブログのコメントの書式を設定できる基本的なHTMLタグを紹介します。下記のタグのみに対応しており、その他のHTML要素は使用できません。

基本

  • 各タグには開始タグ< >と終了タグ</>が必要です。例えば<u>このテキストには下線がつきます</u>。

  • 例外として、改行（<br />）などのタグは単独で使用します。

  • 画像、代替テキスト、リンクなどの参照先に二重引用符を付ける場合は、開始引用符"と終了引用符"で囲む必要があります。例： <a href="http://www.skype.com">skype.comへのリンク</a>

テキストの書式

  • 太字：<strong>このテキストは太字になります</strong>

  • 下線：<u>このテキストは下線がつきます</u>

  • 斜体：<em>このテキストは斜体になります</em>

段落と改行

  • 段落：<p>このテキストは１つの段落になります</p>

  • 改行：行末に<br />を挿入すると、それ以降のテキストは次の行として表示されます。

リスト

箇条書き（番号なし）と番号付きリスト（順番リスト）には、リストを設定するタグのほかに、リスト内の項目を区別するタグ<li>が必要です。

下記に、箇条書きの書式設定例を示します。

<ul>
<li>流し読みが簡単</li>
<li>読むのが簡単</li>
<li>要約に最適</li>
</ul>

下記に、番号付きリストの書式設定例を示します。

<ol>
<li>流し読みが簡単</li>
<li>読むのが簡単</li>
<li>要約に最適</li>
</ol>

リンク

  1. リンクを追加するには、まずアンカータグ<a></a>を使います。
  2. <a>タグの内側に、href="Webアドレス"の書式でリンク先のWebアドレスを入力します。 例：<a href="http://www.skype.com">
  3. 最後に、ハイパーリンクテキストとしてページに表示させるテキストを<a href>タグと</a>タグで囲みます。例：<a href="http://www.skype.com">skype.com</a>

画像

  1. 画像を追加するには、単独の<img />タグを使います。
  2. <img />タグの内側に、imgの後に半角文字列を挿入してからソース属性（画像の場所）を入力します。例：<img src="http://www.skype.com/i/images/logos/skype_logo.png"/>
  3. 次に、半角スペースを追加してから、画像を説明する短い代替テキストを入力します。例：alt=‟Skypeロゴ”
  4. すべてを合わせると、<img src=‟http://www.skype.com/i/images/logos/skype_logo.png” alt=‟Skypeロゴ” />となります。必ず、半角スペースを挿入してからスラッシュ付きの終了タグを入力してください。