写真の横に、文章を記述する方法

「実験君」にトラックバックしています。

写真の横に、文章を入れる
その１
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん

その２
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん

（ー’`ー；） ウーン、どうも文章と写真の間にスキマがあくなぁ〜＿|￣|●il|li

その３
味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、

今回は、本文中に挿入した写真の横に、文章を記述する方法を、説明したいと思います。

本文中に写真を挿入すると、以下のようなＨＴＭＬの表記が本文中に挿入されると思います。
（本文中に写真を挿入する方法は、ココを見てね♪）

　　<img src="http://echoo.or.jp/misonikomi.jpeg">

説明書きを表示させるには、このＨＴＭＬ表記文末の　>　の手前に、

　　align="写真をどちらに寄せるか "

を挿入し、　>　に続けて文章を記述してやり、写真に関する文章が終了した所に、

　　<br clear="all">

という、改行をするための表記を付加してやればＯＫです。
以下に例を示しておきますね。赤色部分が、写真の横に文章を記述するためのものです。

その１のように、左寄せにする場合
<img src="http://echoo.or.jp/misonikomi.jpeg"align="left">味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん<br clear="all">

その２のように、右寄せにする場合（但し、写真と文章の間にスキマが出来る・・・）
<img src="http://echoo.or.jp/misonikomi.jpeg"align="right">味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん
味噌煮込みうどん<br clear="all">

その３のように、右寄せにする場合
<img src="http://echoo.or.jp/misonikomi.jpeg"align="right">味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、味噌煮込みうどん、<br clear="all">

以上ですが、ご質問などはコメントでして下さいね♪

写真の上にマウスを持ってきた時、説明を表示させる方法

「実験君」にトラックバックしています。

実験用のログなので、スルーして下さいｗ
ごめんちゃいm( __ __ )m

写真の上にマウスを持ってきたとき、左の写真の

　　「よっ！　世界一の男前っ！！」

のように、説明書きが表示されるのをご覧になったことがあると思います。
今回は、この説明書きを表示させる方法を、説明したいと思います。

本文中に写真を挿入すると、以下のようなＨＴＭＬの表記が本文中に挿入されると思います。
（本文中に写真を挿入する方法は、ココを見てね♪）

　　<img src="http://echoo.or.jp/oobaka.jpeg">

説明書きを表示させるには、このＨＴＭＬ表記文末の　>　の手前に、

　　alt="説明の内容を記述 "

を挿入してやればＯＫです！！
以下に例を示しておきますね。赤色部分が、説明書きを表示させるためのものです。

　　<img src="http://echoo.or.jp/oobaka.jpeg"alt="よっ！　世界一の男前っ！！">

以上ですが、ご質問などはコメントでして下さいね♪

文字の色と大きさを自由に変更する

先ず、文字の色の変更方法を下記します。

①各SNSには文字色を変更できる機能が付いていると思いますので、その機能にて文字色を変更します。
②各SNSにはHTML形式で編集できる機能が付いていると思いますので、その機能にて記事を編集するように切り替えます。
③そうすると、<font color="#FF0000">　もしくは　<span style="color: #FF0000;">　という部分があると思いますので、色番号（赤色の部分）を変更すれば、文字色を自由に変更する事ができます。
色番号と表示色の一覧をココにUPしておりますので、参照して下さいね。

次に、文字の大きさの変更方法を下記します。

①各SNSにはHTML形式で編集できる機能が付いていると思いますので、その機能にて記事を編集するように切り替えます。
②文字の大きさを変更したい部分の先頭に　<span style="FONT-SIZE: 16pt">　と記述し、末尾に　</span>　と記述します。
　もしくは、文字の大きさを変更したい部分の先頭に　<font style="font-size:16pt">　と記述し、末尾に　</font>　と記述します。
　この例では、16を使用していますが、この部分（赤色の部分）に大きな数字を入れる程、大きな文字になります。
③文字が大き過ぎると、↓の様になって見難くなる場合があります。

あいうえお
かきくけこ

　この様な場合は、行の高さを高くする必要があります。
　大きな文字を使用している行の先頭に　<span style="LINE-HEIGHT: 32pt">　と記述し、行の末尾に　</span>　と記述します。
　この例では、32を使用していますが、この部分（赤色の部分）に大きな数字を入れる程、行の高さが高くなります。
　（オイラは通常、文字の大きさと同じ高さに変更しています）
　そうすると↓の様になり、重なりが無く綺麗に表示されます。
あいうえお
かきくけこ

以上だす（＾＾）ｖ

色番号と表示色の一覧

■#000000　■#000020　■#000040　■#000060　■#000080　■#0000A0　■#0000C0　■#0000E0　■#0000FF　■#002000　■#002020　■#002040　■#002060　■#002080　■#0020A0　■#0020C0　■#0020E0　■#0020FF　■#004000　■#004020　■#004040　■#004060　■#004080　■#0040A0　■#0040C0　■#0040E0　■#0040FF　■#006000　■#006020　■#006040　■#006060　■#006080　■#0060A0　■#0060C0　■#0060E0　■#0060FF　■#008000　■#008020　■#008040　■#008060　■#008080　■#0080A0　■#0080C0　■#0080E0　■#0080FF　■#00A000　■#00A020　■#00A040　■#00A060　■#00A080　■#00A0A0　■#00A0C0　■#00A0E0　■#00A0FF　■#00C000　■#00C020　■#00C040　■#00C060　■#00C080　■#00C0A0　■#00C0C0　■#00C0E0　■#00C0FF　■#00E000　■#00E020　■#00E040　■#00E060　■#00E080　■#00E0A0　■#00E0C0　■#00E0E0　■#00E0FF　■#00FF00　■#00FF20　■#00FF40　■#00FF60　■#00FF80　■#00FFA0　■#00FFC0　■#00FFE0　■#00FFFF　■#200000　■#200020　■#200040　■#200060　■#200080　■#2000A0　■#2000C0　■#2000E0　■#2000FF　■#202000　■#202020　■#202040　■#202060　■#202080　■#2020A0　■#2020C0　■#2020E0　■#2020FF　■#204000　■#204020　■#204040　■#204060　■#204080　■#2040A0　■#2040C0　■#2040E0　■#2040FF　■#206000　■#206020　■#206040　■#206060　■#206080　■#2060A0　■#2060C0　■#2060E0　■#2060FF　■#208000　■#208020　■#208040　■#208060　■#208080　■#2080A0　■#2080C0　■#2080E0　■#2080FF　■#20A000　■#20A020　■#20A040　■#20A060　■#20A080　■#20A0A0　■#20A0C0　■#20A0E0　■#20A0FF　■#20C000　■#20C020　■#20C040　■#20C060　■#20C080　■#20C0A0　■#20C0C0　■#20C0E0　■#20C0FF　■#20E000　■#20E020　■#20E040　■#20E060　■#20E080　■#20E0A0　■#20E0C0　■#20E0E0　■#20E0FF　■#20FF00　■#20FF20　■#20FF40　■#20FF60　■#20FF80　■#20FFA0　■#20FFC0　■#20FFE0　■#20FFFF　■#400000　■#400020　■#400040　■#400060　■#400080　■#4000A0　■#4000C0　■#4000E0　■#4000FF　■#402000　■#402020　■#402040　■#402060　■#402080　■#4020A0　■#4020C0　■#4020E0　■#4020FF　■#404000　■#404020　■#404040　■#404060　■#404080　■#4040A0　■#4040C0　■#4040E0　■#4040FF　■#406000　■#406020　■#406040　■#406060　■#406080　■#4060A0　■#4060C0　■#4060E0　■#4060FF　■#408000　■#408020　■#408040　■#408060　■#408080　■#4080A0　■#4080C0　■#4080E0　■#4080FF　■#40A000　■#40A020　■#40A040　■#40A060　■#40A080　■#40A0A0　■#40A0C0　■#40A0E0　■#40A0FF　■#40C000　■#40C020　■#40C040　■#40C060　■#40C080　■#40C0A0　■#40C0C0　■#40C0E0　■#40C0FF　■#40E000　■#40E020　■#40E040　■#40E060　■#40E080　■#40E0A0　■#40E0C0　■#40E0E0　■#40E0FF　■#40FF00　■#40FF20　■#40FF40　■#40FF60　■#40FF80　■#40FFA0　■#40FFC0　■#40FFE0　■#40FFFF　■#600000　■#600020　■#600040　■#600060　■#600080　■#6000A0　■#6000C0　■#6000E0　■#6000FF　■#602000　■#602020　■#602040　■#602060　■#602080　■#6020A0　■#6020C0　■#6020E0　■#6020FF　■#604000　■#604020　■#604040　■#604060　■#604080　■#6040A0　■#6040C0　■#6040E0　■#6040FF　■#606000　■#606020　■#606040　■#606060　■#606080　■#6060A0　■#6060C0　■#6060E0　■#6060FF　■#608000　■#608020　■#608040　■#608060　■#608080　■#6080A0　■#6080C0　■#6080E0　■#6080FF　■#60A000　■#60A020　■#60A040　■#60A060　■#60A080　■#60A0A0　■#60A0C0　■#60A0E0　■#60A0FF　■#60C000　■#60C020　■#60C040　■#60C060　■#60C080　■#60C0A0　■#60C0C0　■#60C0E0　■#60C0FF　■#60E000　■#60E020　■#60E040　■#60E060　■#60E080　■#60E0A0　■#60E0C0　■#60E0E0　■#60E0FF　■#60FF00　■#60FF20　■#60FF40　■#60FF60　■#60FF80　■#60FFA0　■#60FFC0　■#60FFE0　■#60FFFF　■#800000　■#800020　■#800040　■#800060　■#800080　■#8000A0　■#8000C0　■#8000E0　■#8000FF　■#802000　■#802020　■#802040　■#802060　■#802080　■#8020A0　■#8020C0　■#8020E0　■#8020FF　■#804000　■#804020　■#804040　■#804060　■#804080　■#8040A0　■#8040C0　■#8040E0　■#8040FF　■#806000　■#806020　■#806040　■#806060　■#806080　■#8060A0　■#8060C0　■#8060E0　■#8060FF　■#808000　■#808020　■#808040　■#808060　■#808080　■#8080A0　■#8080C0　■#8080E0　■#8080FF　■#80A000　■#80A020　■#80A040　■#80A060　■#80A080　■#80A0A0　■#80A0C0　■#80A0E0　■#80A0FF　■#80C000　■#80C020　■#80C040　■#80C060　■#80C080　■#80C0A0　■#80C0C0　■#80C0E0　■#80C0FF　■#80E000　■#80E020　■#80E040　■#80E060　■#80E080　■#80E0A0　■#80E0C0　■#80E0E0　■#80E0FF　■#80FF00　■#80FF20　■#80FF40　■#80FF60　■#80FF80　■#80FFA0　■#80FFC0　■#80FFE0　■#80FFFF　■#A00000　■#A00020　■#A00040　■#A00060　■#A00080　■#A000A0　■#A000C0　■#A000E0　■#A000FF　■#A02000　■#A02020　■#A02040　■#A02060　■#A02080　■#A020A0　■#A020C0　■#A020E0　■#A020FF　■#A04000　■#A04020　■#A04040　■#A04060　■#A04080　■#A040A0　■#A040C0　■#A040E0　■#A040FF　■#A06000　■#A06020　■#A06040　■#A06060　■#A06080　■#A060A0　■#A060C0　■#A060E0　■#A060FF　■#A08000　■#A08020　■#A08040　■#A08060　■#A08080　■#A080A0　■#A080C0　■#A080E0　■#A080FF　■#A0A000　■#A0A020　■#A0A040　■#A0A060　■#A0A080　■#A0A0A0　■#A0A0C0　■#A0A0E0　■#A0A0FF　■#A0C000　■#A0C020　■#A0C040　■#A0C060　■#A0C080　■#A0C0A0　■#A0C0C0　■#A0C0E0　■#A0C0FF　■#A0E000　■#A0E020　■#A0E040　■#A0E060　■#A0E080　■#A0E0A0　■#A0E0C0　■#A0E0E0　■#A0E0FF　■#A0FF00　■#A0FF20　■#A0FF40　■#A0FF60　■#A0FF80　■#A0FFA0　■#A0FFC0　■#A0FFE0　■#A0FFFF　■#C00000　■#C00020　■#C00040　■#C00060　■#C00080　■#C000A0　■#C000C0　■#C000E0　■#C000FF　■#C02000　■#C02020　■#C02040　■#C02060　■#C02080　■#C020A0　■#C020C0　■#C020E0　■#C020FF　■#C04000　■#C04020　■#C04040　■#C04060　■#C04080　■#C040A0　■#C040C0　■#C040E0　■#C040FF　■#C06000　■#C06020　■#C06040　■#C06060　■#C06080　■#C060A0　■#C060C0　■#C060E0　■#C060FF　■#C08000　■#C08020　■#C08040　■#C08060　■#C08080　■#C080A0　■#C080C0　■#C080E0　■#C080FF　■#C0A000　■#C0A020　■#C0A040　■#C0A060　■#C0A080　■#C0A0A0　■#C0A0C0　■#C0A0E0　■#C0A0FF　■#C0C000　■#C0C020　■#C0C040　■#C0C060　■#C0C080　■#C0C0A0　■#C0C0C0　■#C0C0E0　■#C0C0FF　■#C0E000　■#C0E020　■#C0E040　■#C0E060　■#C0E080　■#C0E0A0　■#C0E0C0　■#C0E0E0　■#C0E0FF　■#C0FF00　■#C0FF20　■#C0FF40　■#C0FF60　■#C0FF80　■#C0FFA0　■#C0FFC0　■#C0FFE0　■#C0FFFF　■#E00000　■#E00020　■#E00040　■#E00060　■#E00080　■#E000A0　■#E000C0　■#E000E0　■#E000FF　■#E02000　■#E02020　■#E02040　■#E02060　■#E02080　■#E020A0　■#E020C0　■#E020E0　■#E020FF　■#E04000　■#E04020　■#E04040　■#E04060　■#E04080　■#E040A0　■#E040C0　■#E040E0　■#E040FF　■#E06000　■#E06020　■#E06040　■#E06060　■#E06080　■#E060A0　■#E060C0　■#E060E0　■#E060FF　■#E08000　■#E08020　■#E08040　■#E08060　■#E08080　■#E080A0　■#E080C0　■#E080E0　■#E080FF　■#E0A000　■#E0A020　■#E0A040　■#E0A060　■#E0A080　■#E0A0A0　■#E0A0C0　■#E0A0E0　■#E0A0FF　■#E0C000　■#E0C020　■#E0C040　■#E0C060　■#E0C080　■#E0C0A0　■#E0C0C0　■#E0C0E0　■#E0C0FF　■#E0E000　■#E0E020　■#E0E040　■#E0E060　■#E0E080　■#E0E0A0　■#E0E0C0　■#E0E0E0　■#E0E0FF　■#E0FF00　■#E0FF20　■#E0FF40　■#E0FF60　■#E0FF80　■#E0FFA0　■#E0FFC0　■#E0FFE0　■#E0FFFF　■#FF0000　■#FF0020　■#FF0040　■#FF0060　■#FF0080　■#FF00A0　■#FF00C0　■#FF00E0　■#FF00FF　■#FF2000　■#FF2020　■#FF2040　■#FF2060　■#FF2080　■#FF20A0　■#FF20C0　■#FF20E0　■#FF20FF　■#FF4000　■#FF4020　■#FF4040　■#FF4060　■#FF4080　■#FF40A0　■#FF40C0　■#FF40E0　■#FF40FF　■#FF6000　■#FF6020　■#FF6040　■#FF6060　■#FF6080　■#FF60A0　■#FF60C0　■#FF60E0　■#FF60FF　■#FF8000　■#FF8020　■#FF8040　■#FF8060　■#FF8080　■#FF80A0　■#FF80C0　■#FF80E0　■#FF80FF　■#FFA000　■#FFA020　■#FFA040　■#FFA060　■#FFA080　■#FFA0A0　■#FFA0C0　■#FFA0E0　■#FFA0FF　■#FFC000　■#FFC020　■#FFC040　■#FFC060　■#FFC080　■#FFC0A0　■#FFC0C0　■#FFC0E0　■#FFC0FF　■#FFE000　■#FFE020　■#FFE040　■#FFE060　■#FFE080　■#FFE0A0　■#FFE0C0　■#FFE0E0　■#FFE0FF　■#FFFF00　■#FFFF20　■#FFFF40　■#FFFF60　■#FFFF80　■#FFFFA0　■#FFFFC0　■#FFFFE0　■#FFFFFF