小説を投稿さる際に使えそうなタグを紹介していきます。
赤文字
で書かれたタグをコピペして使うと幸せになれるかもしれません。
・文字色を変える
・文字のでかさを変える
・文字色とサイズを同時に変える
・文字のでかさを変える
・文字の形式を変える
・画像を挿入する
・文字・画像の位置を指定する
・リンクを貼る
・画像でリンクを貼る
・太字にする
・行間を変更する
文字色を変える
<Font Color="色コード">ここに文章</Font>
色コードに色コードという色の番号みたいのを入力します。
色コードの種類は↓を参照してください!
色コード表
いろ色コード♪
カラーコード作成マッシーン
たくさんありますが、好きな色コードを選んで入力しましょう!
たとえばこう入力すると↓
<Font Color="#0000ff">青になります。</Font>
こうなります↓
青になります。
<Font Color="#0000ff">
間に挟まっていれば大丈夫なので小説を投稿する時は、
こういう風にタグと文章を離したほうがやりやすいと思います!
</Font>
間に挟まっていれば大丈夫なので小説を投稿する時は、
こういう風にタグと文章を離したほうがやりやすいと思います!
※文字色が白だったりそれに近い色だと背景と同化して見にくくなるから注意!
▲ページ上部へ戻る
文字のでかさを変える
<Font size="数字">文字</Font>
数字の部分に1234567のどれかを入力します。数がでかくなるにつれて文字が大きくなります。
6を入れれると↓
<Font size="5">5</Font>
こうなります↓
6
サイズ早見表↓
1
2
3
4
5
6
7
1〜7までの数字しか入れられません。
▲ページ上部へ戻る
文字色とサイズを同時に変える
<Font Color="#0000ff" Font size="5">でかい青字</Font>
でかい青字
</Font>から始まるタグは一つの<>内でなんとかなる。</Font>の数は前と後一つづつで大丈夫です。
文字の形式を変える
<Font Face="MS P明朝">MS P明朝</Font>
MS P明朝
フォントの形式はマイクロソフトワードとかを参照するといいかもしれません!
▲ページ上部へ戻る
画像を挿入する
<Img Src="画像URL">
<Img Src="http://image.space.rakuten.co.jp/lg01/37/0000118237/86/img37967491zik0zj.png">
画像URLに画像のURLを入力して画像を貼りたい箇所に設置してください。
自分のHPなど持ち合わせておらず画像のUPできなく、URLを取得できない人は↓に特設された
画像アップローダー
に画像をアップしてください!
※パスワードは設定しないでください。
※掲示板に貼る際は画像の横幅のサイズは
550以内
にしてください!
※挿入する画像の枚数は1ページ
3枚まで
とさせて頂きます!
▲ページ上部へ戻る
文字・画像の位置を指定する
<Div Align="left">
左寄せ
</Div>
<Div Align="center">
中央寄せ
</Div>
<Div Align="right">
右寄せ
</Div>
左寄せ
中央寄せ
右寄せ
こんな風になります。
画像の位置を変えるには文字部分にこんな具合に画像挿入タグを入れます
<Div Align="left">
<Img Src="画像URL">
</Div>
<Div Align="center">
<Img Src="画像URL">
</Div>
<Div Align="right">
<Img Src="画像URL">
</Div>
▲ページ上部へ戻る
リンクを貼る
<A Href="
">
</A>
<A Href="
http://www.yahoo.co.jp/
">
Yahoo!JAPAN
</A>
Yahoo!JAPAN
簡単!
▲ページ上部へ戻る
画像でリンクを貼る
<A Href="リンク先URL"<Img Src="画像URL" Border="0"></A>
<A Href="http://www.yahoo.co.jp/"<Img Src="http://image.space.rakuten.co.jp/lg01/37/0000118237/86/img37967491z
ik0zj.png" Border="0"></A>
リンクバナーとかで使うタグですね。
リンク先URLに画像URLを入れて、画像URLに同じ画像の縮小版のURLをいれるとサムネイル的な働きをします。
▲ページ上部へ戻る
太字にする
<B>文字</B>
文字
簡単すぎますね。強調したい箇所にどうぞー!
▲ページ上部へ戻る
行間を変更する
<span style="line-height:
数字pt
">文字</span>
例:11ptの場合
■■■■■ ■■■
■■ ■ ■■ ■
■ ■■■ ■■ ■
■■■ ■■ ■■■
■ ■ ■
■■■■■■ ■
■ ■
■■■■■ ■
■ ■ ■
■■ ■■ ■
■ ■ ■ ■■■
■ ■ ■ ■ ■ ■
■■ ■■■ ■ ■
■■ ■ ■ ■
■ ■ ■■■■■ ■ ■ ■
■■■■■■■ ■■■■■■
例:20ptの場合
■■■■■ ■■■
■■ ■ ■■ ■
■ ■■■ ■■ ■
■■■ ■■ ■■■
■ ■ ■
■■■■■■ ■
■ ■
■■■■■ ■
■ ■ ■
■■ ■■ ■
■ ■ ■ ■■■
■ ■ ■ ■ ■ ■
■■ ■■■ ■ ■
■■ ■ ■ ■
■ ■ ■■■■■ ■ ■ ■
■■■■■■■ ■■■■■■
数字の単位はptの他に、% や px なども使えます。
いろいろ調整して適した行間を決めてください。
▲ページ上部へ戻る
頻繁に使うタグはこんなものです。他にもっと知りたい場合はググればいっぱいでてきますよ!
TOPへ戻る