CANPANの使い方 読みやすいたのサポの書き方

書き方による表示の違い

文字の大きさや色は統一されシンプルに表示されます。



  1. たのサポ

▲ページトップへ

入力補助機能(アイコン)やHTMLタグを使ってたのサポレポートを登録すると文章にメリハリがつき、よりたのサポレポートが読みやすくなります。また、読者にアピールしたいキーワードを強調することができます。



  1. たのサポ 文字の色を変えることができます。
    文字を太くすることができます。
    文字を大きくすることができます。
    文字を斜体にすることができます。
    他のページにリンクすることができます。
    簡単に箇条書きにすることができます。

▲ページトップへ

入力補助機能やHTMLタグを使う

例として、「春の支笏湖で湖畔ウォーキング大会を開催します。」という文字を青色に変えてみましょう。


  1. 入力補助機能を使う


    たのサポ登録・編集ページ 色を変えたい文字を範囲指定します。
     
    青色文字アイコンをクリックします。アイコンをクリックすると、選択した文字が<色:#0000FF>と</色>で括られます。
     
    <色:#0000FF>春の支笏湖で湖畔ウォーキング大会を開催します。</色>
     

  2. HTMLタグを直接入力する


    たのサポ登録・編集ページ 色を変えたい文字を<font color="#0000FF">と</font>で括ります。
     
    <font color="#0000FF">春の支笏湖で湖畔ウォーキング大会を開催します。</font>
     
    ※#0000FFは青色を示しています。
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、色の変化を確認することができます。


たのサポプレビューページ


※標準の色に戻す場合は、<色:#0000FF>と</色>または、<font color="#0000FF">と</font>を削除してください。

▲ページトップへ

例として、「春の支笏湖で湖畔ウォーキング大会を開催します。」という文字を太字にしてみましょう。


  1. 入力補助機能を使う


    たのサポ登録・編集ページ 太字にする文字を範囲指定します。
     
    太字アイコンをクリックします。アイコンをクリックすると、範囲指定した文字が<太>と</太>で括られます。
     
    <太>春の支笏湖で湖畔ウォーキング大会を開催します。</太>
     

  2. HTMLタグを直接入力する


    たのサポ登録・編集ページ 太字にする文字を<strong>と</strong>で括ります。
     
    <strong>春の支笏湖で湖畔ウォーキング大会を開催します。</strong>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、文字の太さを確認することができます。


たのサポプレビューページ


※標準の太さに戻す場合は、<太>と</太>または、<strong>と</strong>を削除してください。

▲ページトップへ

例として、「春の支笏湖で湖畔ウォーキング大会を開催します。」という文字を大きくしてみましょう。


  1. 入力補助機能を使う


    たのサポ登録・編集ページ 大きくしたい文字を範囲指定します。
     
    大文字アイコンをクリックします。アイコンをクリックすると、範囲指定した文字が<大>と</大>で括られます。
     
    <大>春の支笏湖で湖畔ウォーキング大会を開催します。</大>
     
    特大文字アイコンをクリックすると、さらに大きな文字になります。
     

  2. HTMLタグを直接入力する


    たのサポ登録・編集ページ 見出しにする場合は、<h?>と</h?>で括ります。?には3から6までの数字を入れることができます。h3が最も大きな見出しになります。文字を標準より大きくする場合は、?に4以下の数字を入れてください。また、見出しにすると文字が太くなります。
     
    <h4>春の支笏湖で湖畔ウォーキング大会を開催します。</h4>
     
    単純に文字を大きくする場合は、
    <font size="?">と</font>で括ります。
    ?には1以上の数字を入れてください。数字が大きいほど文字が大きくなります。
     
    <font size="3">春の支笏湖で湖畔ウォーキング大会を開催します。</font>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、文字の大きさを確認することができます。


たのサポプレビューページ


※標準の大きさに戻す場合は、<大>と</大>または、<h?>と</h?>、または<font size="?">と</font>を削除してください。

▲ページトップへ

例として、「支笏湖」という文字を斜体にしてみましょう。


  1. 入力補助機能を使う


    たのサポ登録・編集ページ 斜体にする文字を範囲指定します。
     
    斜体アイコンをクリックします。アイコンをクリックすると、範囲指定した文字が<斜>と</斜>で括られます。
     
    <斜>支笏湖</斜>
     

  2. HTMLタグを直接入力する


    たのサポ登録・編集ページ 斜体にする文字を<em>と</em>で括ります。
     
    <em>支笏湖</em>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、文字の書体を確認することができます。


たのサポプレビューページ


※標準の書体に戻す場合は、<斜>と</斜>または、<em>と</em>を削除してください。

▲ページトップへ

例として、http://www.nippon-foundation.or.jp/ships/topics_dtl/2005813/20058131.htmlにリンクしてみましょう。


  1. 入力補助機能を使う


    たのサポ登録・編集ページ リンクさせる文字を範囲指定します。
     
    リンクアイコンをクリックします。
     
    リンク先のURLを入力して、OKボタンをクリックします。範囲指定した文字が<リンク:リンク先のURL>と</リンク>で括られます。
     
    <リンク:http://www.nippon-foundation.or.jp/ships/topics_dtl/2005813/20058131.html>
    支笏湖</リンク>
     

  2. HTMLタグを直接入力する


    たのサポ登録・編集ページ リンクさせる文字を<a href="リンク先のURL">と</a>で括ります。
     
    <a href="http://www.nippon-foundation.or.jp/ships/topics_dtl/2005813/20058131.html">
    支笏湖</a>
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、文字の書体を確認することができます。


たのサポプレビューページ


※リンクを解除する場合は、<リンク:リンク先のURL>と</リンク>または、<a href="リンク先のURL">と</a>を削除してください。

▲ページトップへ

HTMLタグを使うとスペース等を使わず、簡単に箇条書き(順番なし)にできます。


  1. たのサポ登録・編集ページ 箇条書きにする範囲を<ul>と</ul>で括ります。
     
    1箇条毎に<li>と</li>で括ります。
     

    CANPANで使用可能なHTMLタグをご覧になりたい方はこちらをクリックしてください。


プレビューボタンをクリックすると、表示を確認することができます。


たのサポプレビューページ


※箇条書きを解除する場合は、<ul>と</ul>および、<li>と</li>を削除してください。

▲ページトップへ

読みやすいたのサポレポートの書き方
RSSリーダーでたのサポを読むことができます!
 


日本財団公益コミュニティサイト CANPAN
Copyright (C) The Nippon Foundation