実は日記のフォームを作りたいのですが
TAGがわからずに困ってました…

ちょうどタイムリーにまさにこれがしたかったとゆーのが、こちらに書いてありましたので
これからも参考にちょくちょくうかがわせて
いただきますねぇ(≧∇≦) (December 22, 2005 12:35:35 PM)

素人珈琲

素人珈琲

December 22, 2005
XML
「HTML教えます」も、ついに第3回を迎えました

本日は昨日に引き続き「 画像とテキスト(文字)の位置調整 」

昨日の例をまた参考にします

HTML <img src="http://image.jpeg" width="60" height="60" align="left">この狸は、自宅の庭に飾ってある置物の狸です。最近、この狸が我が一家でブームなのです。それは、ただの狸にしか見えないこの置物が何と・・・
表示 この狸は、自宅の庭に飾ってある置物の狸です。最近、この狸が我が一家でブームなのです。それは、ただの狸にしか見えないこの置物が何と・・・


上の例では、画像とテキストの間隔がないので、ちょっと見にくいです

このときに用いるのが <hspace="○"> です
○に入るのは、間隔の大きさを表す数字(ピクセル)が入ります

では、実際にやってみます

HTML <img src="http://image.jpeg" width="60" height="60" align="left" hspace="10" >この狸は、自宅の庭に飾ってある置物の狸です。最近、この狸が我が一家でブームなのです。それは、ただの狸にしか見えないこの置物が何と・・・
表示 この狸は、自宅の庭に飾ってある置物の狸です。最近、この狸が我が一家でブームなのです。それは、ただの狸にしか見えないこの置物が何と・・・



これで左右に10の大きさで間隔が出来ました

ところで、今回は左右の間隔を気にしましたが、上下の間隔を変えたいときは <vspace="○"> を使って変えてください

本日は以上です!





お気に入りの記事を「いいね!」で応援しよう

Last updated  December 22, 2005 10:29:53 AM
コメント(3) | コメントを書く
[ホームページ作成教室] カテゴリの最新記事


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


勉強になります☆  
斗也  さん

Re:HTML教えます その3(12/22)  
カキこどうもです。
最近HTMLを少し覚えようとしてます。
勉強しに来るので、その時はよろしくお願いします。スタイルノートってのがHTML使うのに便利と聞いたので使っています。が、、、まだまだページが良い感じになりません。センスが無いのかな?
それでは、これからもよろしくお願いします。 (December 22, 2005 05:06:53 PM)

わざわざカキコすいませんですm(_ _)m  
斗也  さん
HANMANIさん

ホントありがとうございますですm(_ _)m
めっちゃ勉強になりましたし
もっと色んなことが出来るのを知りましたから
ご迷惑をおかけしない程度にお伺いしますので
足蹴にせず よろしくですぅm(_ _)m (December 22, 2005 06:34:05 PM)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

PR

×

Profile

HANMANI

HANMANI

Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: