000000 ランダム
 HOME | DIARY | PROFILE 【お気に入りブログ登録】 【ログイン】

   希望の光

タグ集

文字を大きくしよう

文字
文字
文字
文字
文字
文字
文字
<font size="1">文字</font>
<font size="2">文字</font>
<font size="3">文字</font>
<font size="4">文字</font>
<font size="5">文字</font>
<font size="6">文字</font>
<font size="7">文字</font>

■文字を太くしよう
文字
<b>文字</b>

■文字を斜めにしよう
文字
<i>文字</i>

■文字に下線をひこう
文字
<u>文字</u>

■文字に斜線を付けよう
斜線
<s>斜線</s>

■文字に色を付けよう
文字
<font color="カラーコード">文字</font>

■文字にマーカーを付けよう
文字
<span style="background:カラーコード">文字</span>

■文字にふりがなをつける
鳥神ちょうしん
<ruby><rb>文字</rb><rt>ふりがな</rt></ruby>

■文字の表示位置を変えよう

文字


<p align=left>文字</p>

文字

<center>文字</center>

文字


<p align=right>文字</p>

文字のスクロール

文字
<marquee>文字</marquee>

■幅を指定する
文字
<marquee width="幅">文字</marquee>

■逆スクロール
文字
<marquee direction=right>文字</marquee>

■背景色付きスクロール
文字
<marquee bgcolor="カラーコード">文字</marquee>

■上からスクロール
文字
<marquee direction=down>文字</marquee>

■幅を指定する
文字
<marquee direction="up" height="幅">文字</marquee>

■下からスクロール
文字
<marquee direction=up>文字</marquee>

■左右往復スクロール
文字
<marquee behavior=alternate>文字</marquee>

■上下往復スクロール
文字
<marquee behavior="alternate" direction="up">文字</marquee>

■速さ1でスクロール
文字
<marquee scrollamount=1>文字</marquee>

■速さ20でスクロール
文字
<marquee scrollamount=20>文字</marquee>

■止まる
文字
<marquee loop="1" behavior="alternate">文字</marquee>

■回数を指定する
文字
<marquee loop="1">文字</marquee>

リンクを貼る

鳥神のブログ
<a href="リンク先のアドレス">クリックするとリンク先に飛ぶ文字</a>

■リンクの下線を消してリンクを貼る。
鳥神のブログ
<a href="リンク先のアドレス" style=text-decoration:none>クリックするとリンク先に飛ぶ文字</a>

■別ウィンドウでリンクを貼る
鳥神のブログ
<a href="リンク先のアドレス" target="_blank">クリックするとリンク先に飛ぶ文字</a>

■背景色を付ける
鳥神のブログ
<a href="リンク先のアドレス" style="background-color:カラーコード">クリックするとリンク先に飛ぶ文字</a>

■カーソルをふれると文字が出る
鳥神のブログ
<a href="リンク先のアドレス" title="カーソルを置くとでる文字">クリックするとリンク先に飛ぶ文字</a>

■オンマウスでカーソルが変わる
十字
十字矢印
アイビーム
砂時計
ヘルプ

斜め右
斜め左
<a href="リンク先のアドレス" style="cursor: crosshair">十字</a>
<a href="リンク先のアドレス" style="cursor: move">十字矢印</a>
<a href="リンク先のアドレス" style="cursor: text">アイビーム</a>
<a href="リンク先のアドレス" style="cursor: wait">砂時計</a>
<a href="リンク先のアドレス" style="cursor: help">ヘルプ</a>
<a href="リンク先のアドレス" style="cursor: n-resize">縦</a>
<a href="リンク先のアドレス" style="cursor: ne-resize">斜め右</a>
<a href="リンク先のアドレス" style="cursor: nw-resize">斜め左</a>

■画像リンクを貼る

<a href="リンク先のアドレス" target="_top"><img src="画像のアドレス"></a>

■画像の枠を消してリンクを貼る

<a href="リンク先のアドレス" target="_top"><img src="画像のアドレス" border="0"></a>

画像を貼る


<img src="画像のアドレス">

■サイズを変えて画像を貼る
バナー2
<img src="画像のアドレス" width="横幅" height="縦幅">

■オンマウスで文字が出る
やっほ
<img src="画像のアドレス" alt="カーソルを置くとでる文字">

■画像に文字を回りこませる
鳥神のHPは
テンプレート配布サイトです。
他にも、ポケモン攻略があります。
楽しんでくださいw
おしまいw
<img src="画像のアドレス" align="left">文字<br>文字<br>文字<br>文字

■上下反転で画像を貼る

<img src="画像のアドレス" style="filter:flipv()">

■左右反転で画像を貼る

<img src="画像のアドレス" style="filter:fliph()">

■色の反転で画像を貼る

<img src="画像のアドレス" style="filter:invert()">

表を作ろう

1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1"><tr><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

1行目の1列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1"><tr><td colspan="3">1行目の1列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

1行目の1列目1行目の2列目1行目の3列目
2行目の2列目2行目の3列目
<table border="1"><tr><td rowspan="2">1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

■枠を太くしよう
1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="枠の太さ(数)"><tr><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

■全体の枠を太くしよう
1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1" border cellspacing="枠の太さ(数)"><tr><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

■色を付けよう
1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1" bgcolor="カラーコード"><tr><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1"><tr bgcolor="カラーコード"><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1"><tr><td bgcolor="カラーコード">1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

■画像を付けよう
1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1" background="画像アドレス"><tr><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1"><tr><td background="画像アドレス">1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

■枠内の余白を決める
文字
<table border="1" border cellpadding="余白の大きさ(数)"><tr><td>文字</td></tr></table>

■枠の表示条件を決めよう
1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1" frame="表示される枠"><tr><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>
※表示される枠
void(全ての外枠を表示しません)
lhs(左の外枠のみ表示します)
rhs(右の外枠のみ表示します)
vsides(左右の外枠のみ表示します)
above(上の外枠のみ表示します)
below(下の外枠のみ表示します)
hsides(上下の外枠のみ表示します)
box(全ての外枠を表示します)
border(全ての外枠を表示します)

■テーブルの中の文字の表示位置を決める
文字
<table border="1"><tr><td align="left">文字</td></tr></table>

文字
<table border="1"><tr><td align="center">文字</td></tr></table>

文字
<table border="1"><tr><td align="right">文字</td></tr></table>

文字
<table border="1"><tr><td valign="top">文字</td></tr></table>

文字
<table border="1"><tr><td valign="middle">文字</td></tr></table>

文字
<table border="1"><tr><td valign="bottom">文字</td></tr></table>

■枠を変えよう
1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1" bordercolor="カラーコード"><tr><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

1行目の1列目1行目の2列目1行目の3列目
2行目の1列目2行目の2列目2行目の3列目
<table border="1" cellspacing="0" bordercolor="カラーコード"><tr><td>1行目の1列目</td><td>1行目の2列目</td><td>1行目の3列目</td></tr><tr><td>2行目の1列目</td><td>2行目の2列目</td><td>2行目の3列目</td></tr></table>

■テーブル
テーブルだよ
<table bgcolor=カラーコード border=0><tr><td width="横幅" height="縦幅">テーブル内に入れたい文字</td></tr></table>

スクロールバー

中に入れたい文字




やっほ
<DIV style="width: 横幅px; height: 縦幅px; overflow-y: auto;">中に入れたい文字</DIV>
中に入れたい文字




やっほ
<DIV style="width: 横幅px; height: 縦幅px; overflow-y: auto;scrollbar-base-color:カラーコード;">中に入れたい文字</DIV>
中に入れたい文字




やっほ
<DIV style="width: 横幅px; height: 縦幅px; overflow-y: auto;scrollbar-track-color:カラーコード;">中に入れたい文字</DIV>
中に入れたい文字




やっほ
<DIV style="width: 横幅px; height: 縦幅px; overflow-y: auto;background-image:url(画像のアドレス);">中に入れたい文字</DIV>
中に入れたい文字




やっほ
<DIV style="width: 185px; height: 70px; overflow-y:auto;scrollbar-base-color:基本的カラーコード(何色も使う場合は意味無し);scrollbar-3dlight-color:左・上の線の部分のカラーコード;scrollbar-arrow-color:三角の部分ののカラーコード;scrollbar-darkshadow-color:右・下の線の部分のカラーコード;scrollbar-face-color:三角の周りのカラーコード;scrollbar-highlight-color:明るい部分のカラーコード;scrollbar-shadow-color:暗いの部分のカラーコード;">中に入れたい文字</DIV>

■区切り線

<hr>


<hr color="カラーコード">

■改行
<br>

■文字を隠す

<!-- 文字 -->

■全体の表示委手を指定(文字だけではない)
文字

<div align="left">文字</div>

文字

<div align="center">文字</div>

文字

<div align="right">文字</div>

■枠
おっは~
<table style="border:枠の太さpx solid カラーコード; width= 横幅 height= 縦幅"><tr><td>おっは~</td></tr></table>
おっは~
<table style="border:枠の太さpx double カラーコード; width= 横幅 height= 縦幅"><tr><td>おっは~</td></tr></table>
おっは~
<table style="border:枠の太さpx dashed カラーコード; width= 横幅 height= 縦幅"><tr><td>おっは~</td></tr></table>
おっは~
<table style="border:枠の太さpx dotted カラーコード; width= 横幅 height= 縦幅"><tr><td>おっは~</td></tr></table>
■楽天掲示板のフォントを変える
<font style="font-family:フォント;">

■楽天掲示板の背景色を変える
<span style="background-color:カラーコード;">

■楽天掲示板の背景画像を変える
<span style="background-image:url(画像のアドレス);">

■楽天掲示板のスクロールバーの種類を変える(入力の部分)
<span style="overflow-y:auto;scrollbar-base-color:カラーコード;">

カラーコード

#FFFFFF#FFF2F2#FFEEEE#FFFAD7#FFFFEE#F8F7E0#FCFFFA#EEFFEE
#EEEEEE#FFD8D8#FFCCCC#FFE6A1#FFFFCC#EEECC4#F2FFD5#CCFFCC
#DDDDDD#FFBEBE#FF9999#FFD26B#FFFF99#D6D4A5#EAFFB5#99E099
#BBBBBB#FFA3A3#FF5555#FF8700#FFE355#C3C288#E2FF95#60C860
#999999#CB7B7B#FF0000#E29B00#FFDD00#A3A273#BDDD77#22AA21
#777777#B16767#DD0000#FF3C00#D8B500#88875B#99BB5F#279316
#555555#975353#990000#D02800#BB9900#6B6A49#759947#0C7300
#333333#7D3F3F#770000#912300#776300#514F32#51772F#0B5F09
#111111#632B2B#550000#682300#555500#404023#2D5517#004400
#000000#491717#220000#471400#222200#333315#0A3300#002200
#FAFFFD#EEFFFF#F5FAFF#EEEEFF#FFF3FF#FFEEFF#FFF5F9#F5ECE0
#E5FFF7#CCEFFF#D7E4FF#CCCCFF#F1D5FF#FFCCF0#FFE1ED#ECE1CF
#A6FFE5#99DFFF#B9CEFF#9999FF#E3B7FF#FFACE8#FFCDE1#E1D2B9
#7AFFD8#55C2FF#99BAFF#5555FF#D799FF#FF7ED4#FFB9D5#D4BCA3
#2DD8B4#00A3FF#6E8CCF#2929E5#BB7DD4#FF42BD#E091B1#C6AC90
#24B996#0089DD#5876B8#0000DD#A864BE#DD1B9F#C17496#B09475
#1B9A78#006ABB#4260A1#0000BB#954BA8#AE007D#A2577B#A18262
#127B5A#004077#2C4A8A#000077#823292#78004B#833A60#81664E
#095C3C#003155#163473#000055#6F197C#470026#641D45#63492F
#003D1E#002139#001E5C#000022#5C0066#220022#470028#4D3714


Copyright (c) 1997-2018 Rakuten, Inc. All Rights Reserved.