名前: yayamo  日付:2016年04月15日 (金) 19時58分 [ 返信] |
サポートさん
>このような表に近い投稿の場合は最初の行の頭に英文半角文字で 、表の最後の行に を入れてください。
私は投稿原稿は、メモ帳で作成してここにコピー&ペーストしてますが確かに表に近い文は 形が崩れます。HTMLに詳しくないので教えて頂きたいのですが「半角文字で 、」と「行に を」 の間には何が入るのですか?
|
No.5663 表の入力方法について(Re:HTMLについて)
|
名前: サポート 日付:2016年04月15日 (金) 23時07分 |
yayamoさん こんばんは。
注意:<(>)を半角でタイプするとHTMLのコマンドをとPCに解釈され画面から消えるので、ここでは全角で書いてコマンドが見えるようにしています。実際にこのような表をタイプする場合は半角の<(>)をタイプしてください。
まめぐーさんのスケジュールを修正しましたので、この表で説明します。この表は以下のようにタイプされています。 注意:空白部分は全角のスペースを複数個タイプし、上手く幅が合わない場合は半角スペース1個を追加。
<tt><b>クルーズのスケジュール</b>
3/26 乗船 19時 出発 ドレスコード:カジュアル 3/27 航海日 ドレスコード:フォーマル 3/28 航海日 〃 :アーマーパーティー (70s-80s 花柄やヒッピー風) 3/29 シャーロットアマリー 9時 到着 18時 出発 ドレスコード:ホワイト、白 3/30 サンファン 8時 〃 16時 〃 〃 :イタリアン 緑、白、赤 3/31 航海日 〃 :フォーマル 4/01 ナッソー 9時 到着 18時 出発 〃 :カジュアル 4/02 下船 7時 〃 </tt>
この掲示板はプロポーショナルフォント※1を標準として採用しています。
このフォントは伝統的な活版印刷で用いる活字については、例えば i と w では文字の幅が異なり、ただ並べるだけで読みやすい単語が印字できるようになっています。この特長があるので文章(文字・記号のみ)を記入する場合は使い勝手が良いのです。 しかし、全角のスペース(空白)をタイプしても1スペース(空白)の幅が(自動的に)変わってしまいます。このため、空白(スペース)を多用する表のようなものをタイプする場合は入力時点と表示時点で空白部分の幅が変わってしまうのでタイプした時のイメージ(等福)と画面の表示結果が異なってしまうという問題もあります。
表の部分をタイプする時は一時的に一字づつの全角の空白(スペース)の幅が同じになる等福フォント※2を使用することにすれば(コマンドを入れれば)解決できます。上記の表ではこの方法を使用し、タイプ時のイメージ(等福)と画面の表示結果が同じになるようにしています。
ただし、PCにおいては半角空白(スペース)は何個連続してタイプしても全て1つの空白と解釈されます。表の空白幅を調整する場合は複数の全角スペースと1コの半角スペースで調整してください。
説明: 上記の表の先頭に書かれている <tt> がこれ以降を全て「等福」フォント※1にするコマンド。 最後の </tt> が「等福」を解消し、標準の「プロポーショナル」フォント※2に戻すコマンド。 おまけ:<b>・・・・</b>はボールド(太字)のコマンド。・・・・が太字になります。
※1:プロポーショナルフォント (英: Proportional Font) とは、文字毎に文字幅が異なるフォントのこと。 ※2:等幅フォント(とうはばフォント monospaced font)は、文字によらずすべて同じ幅で実装されたフォント 備考:一部の説明はWikipediaの内容を引用しています。
お願い:サポートと言ってもプログラムの専門家ではないので、説明で何かおかしな点があれば教示ください。
|
|
|
名前: サポート 日付:2016年04月15日 (金) 23時30分 |
最初と最後の等福フォントに変更するコマンド<tt>と</tt>を省いた時はこのような表になります。参考まで。
クルーズのスケジュール
3/26 乗船 19時 出発 ドレスコード:カジュアル 3/27 航海日 ドレスコード:フォーマル 3/28 航海日 〃 :アーマーパーティー (70s-80s 花柄やヒッピー風) 3/29 シャーロットアマリー 9時 到着 18時 出発 ドレスコード:ホワイト、白 3/30 サンファン 8時 〃 16時 〃 〃 :イタリアン 緑、白、赤 3/31 航海日 〃 :フォーマル 4/01 ナッソー 9時 到着 18時 出発 〃 :カジュアル 4/02 下船 7時 〃
|
|
|
名前: yayamo 日付:2016年04月16日 (土) 06時45分 |
サポートさんお早うございます。
いやー、大変詳しくご説明頂きまして有難うございます。 今までの疑問が解決しました。
|
|
|
名前: サポート 日付:2016年04月17日 (日) 15時32分 |
よく利用するHTMLコマンドについては 情報ボックスの最初に説明していますので参考にしてください。 今回、<tt>・・・</tt>コマンドを追記しました。
|
|