いいじゃんく

いいじゃんく

書式スタイル逃がし



・画像の右に少しスペースを開けて文章をはめ込む

<img src="http://image.space.rakuten.co.jp/lg01/12/0000219212/29/img286929c0jdct4c.jpeg" width="308" height="231" alt="DSC00870.JPG
" align="left" hspace="5">上新電機にお土産をもらいに
画像の右に少しスペースを開けて文章をはめ込みます、スペースが無いと画像に引っ付いて読みにくくなる為です。<br clear="left">

DSC00870.JPG<br />
上新電機にお土産をもらいに
ブログはここまでで改行

画像の右に少しスペースを開けて文章をはめ込みます、スペースが無いと画像に引っ付いて読みにくくなる為です。
フリーページはここまでで改行



・利用リンクとサイズ

・リムーバブルHDDケースを検証

<a href="http://plaza.rakuten.co.jp/11janku/11000"><font style="font-size:17px;color:#000000;">・リムーバブルHDDケースを検証<BR>

・行間を空けるタグ

1行改行では空きすぎる時や、たっぷり空けたい時に使用する。

・行間 1.5 フォントサイズ 17 文字色 黒

<div style="line-height: 1.5 ;"><font style="font-size:17px;color:#000000;"> 文字入力 </font></div>


1.0
11111111111111111
22222222222222222
33333333333333333

1.3
11111111111111111
22222222222222222
33333333333333333



・リンクを貼るタグ

</a href="http://www.yahoo.co.jp/">ヤフーへジャンプ</a>

ヤフーへジャンプ

<a href="http://www.yahoo.co.jp/" target="_blank">ヤフーへ新しいウインドで開く</a>

ヤフーへ新しいウインドで開く

元のページに帰りにくいサイトに飛ばすとき利用する。


・センタリングを決めるタグ

<div align=" center ">センタリング</div>

center の部分を left (左寄せ) right (右寄せ)




覚書(すぐに忘れるので)
<=& lt;
>=& gt;
スペース抜いて使用そのままではエディタで使えない。


画像の幅は544まで並べて表示出来る
3枚なら170*140
2枚なら272

・画像(写真やイラスト)上に文字をはめ込みスクロールさせる

<TABLE border="0" width="519" height="338" cellpadding="0" background="http://image.space.rakuten.co.jp/lg01/12/0000219212/28/img020fb4d3iygrb3.jpeg"> <TBODY> <TR> <TD height="32" width="22"> </TD> <TD height="32" colspan="2" width="491"><B><FONT color="#FF0033" size="+1">画像にスクロール文字を乗せる</FONT></B></TD> </TR> <TR> <TD height="27" width="22"></TD> <TD height="27"> </TD> <TD height="27"></TD> </TR> <TR> <TD height="239" width="22"> </TD> <TD valign="top" height="239"><div style="height:239px; width:254px; overflow-y:scroll;scrollbar-base-color: #66CCFF"><FONT color="##000000" size="+2">
























<BR>

<font style="font-size:17px;color:#E1F9E1;">__________________________________________________________________________________________</font><BR> </FONT></div></TD> <TD height="239"> </TD> </TR> <TR> <TD height="30" width="22"></TD> <TD height="30"> </TD> <TD height="30"></TD> </TR> </TBODY></TABLE>
スクロールバーの位置と色を考えないと分かりにくい事になりますね。

文字の下側を黒抜きにして白文字で書けば読みやすくなるが折角の画像が隠れてしまうし

</font>


 
画像にスクロール文字を乗せる
 
 





























 
 

スクロールバーの位置と色を考えないと分かりにくい事になりますね。

文字の下側を黒抜きにして白文字で書けば読みやすくなるが折角の画像が隠れてしまうし



© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: