ひろひろの日記

▼オススメ商品の紹介です。どうぞ、ご来店ください。↓
リンク▲オススメ商品の紹介・・家電/ファッション/母の日/トラベル（楽天am_shop_416a_F2）↓
リンク▲オススメ商品の紹介・・家電/ホーム/ヘルス/飲料（ｱﾏｿﾞﾝam_shop_416a_F2）↓
↓
▼0513A▼Excel↓
↓
画像(1)▼クリックで画像の拡大ができます。（Bg）↓

↓
画像(2)▼クリックで画像の拡大ができます。（Bg）↓

↓
【MS IME】に単語を登録する。/Office2007↓
↓
【MS IME 2007】に単語を登録する。↓
↓
●IME入力で、よく使用する単語を、入力中に登録できます。↓
↓
1)IMEに登録する単語を範囲選択し、【Ctrl＋C】 を押して、コピーします。↓
2)IME ツール バー の 【ツール】ボタンのクリック→【単語の登録】の選択→【単語の登録】ダイアログ ボックスの表示→【単語ボックス】に上記でコピーした※1)の単語が表示されていることを確認します。必要に応じて入力や修正をしてください。↓
3)【よみ】ボックスに、登録する単語の読みをひらがなまたは英数字で入力します。↓
↓
4)他にも、【品詞の一覧で、登録する単語の品詞】や【ユーザー コメント】を付けることができます。必要が無い時は※5)で登録します。↓
↓
5)【登録】ボタンのクリックで登録完了です。また、続けて単語の登録も可能です。↓
6)【辞書ツール】で登録した単語の一覧が表示できるので、登録した単語の確認ができます。【変更】（修正）や【削除】、【新規登録】、【検索】も【辞書ツール】の【編集】メニュー から操作できます。↓
↓
●応用例として、上記の投稿画像のようにHTMLタグを登録しておくと便利です。↓
●よく利用する工事名や学校名、住所などの長い単語を登録する。　●略名や人名を少ない読み仮名で、文字変換する。例「たな」→田中 健次郎↓
などの利用法が考えられます。↓
↓
▲0513A▲↓

▼画像データは【Opera】サイトにアップロードしたものを利用しました。次のページでUPLoadの方法を確認してください。↓

リンク▲ファイルのアップロード(1)Opera↓
↓
＜＜＜＜＜●HTMLの画像表示(例1)↓
↓
＜♪●今日の一言～♪↓

↓
リンク▲画像(1)クリックで画像の表示ができます。↓
▼画像(1)＜Real Player＞350x437↓

↓
↓
▼ワンポイント画像とクリックで拡大できる画像のHTMLです。●マークの付いた部分を修正して利用してください。↓
↓
＜＜＜＜＜●HTMLの画像表示(例2)↓
↓
＜♪お元気ですか～♪↓
↓
▼画像(1)・・・クリックで拡大できます。↓

▼0317A▼↓

HTMLの活用(1)サンプル↓
↓
HTMLの活用のための(1)サンプル文を作成↓
▼HTMLタグを編集するのに便利なサンプル様式を作成してみました。コピペして利用してみてください。↓
↓
▼ワンポイント画像と画像の表示２種類（クリック表示とサイズ固定画像）のHTMLです。●マークの付いた部分を修正して利用してください。↓

＜＜＜＜＜●HTMLの見本・・・画像表示(例1)↓
↓
<img src="http://files.myopera.com/kurousagi2/aa1/pan01.gif">＜♪●今日の一言～♪↓
<!--＜＜◆楽天350/Ameba/Yahooのブログに利用◆＞＞-->
<a href="●画像URL">↓
リンク▲画像(1)クリックで画像の表示ができます。</a>↓
▼画像(1)＜Real Player＞350x437↓<center>
<img src="●画像URL" width="350" height="437" alt="●代替名" border="0">
</center>↓
↓
▼ワンポイント画像とクリックで拡大できる画像のHTMLです。●マークの付いた部分を修正して利用してください。↓
↓
＜＜＜＜＜●HTMLの見本・・・画像表示(例2)↓
↓
<img src="http://files.myopera.com/kurousagi2/aa1/pan01.gif">＜♪お元気ですか～♪↓
<!--＜＜◆Google/nifty/Opera/goo/Hatena/Livedoor/TeaCup/FC2に利用◆＞＞-->↓
▼画像(1)・・・クリックで拡大できます。↓
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="●画像URL"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 262px; height: 320px;" src="●画像URL" border="0" alt="●代替名" /></a>
↓
▼私が良く利用するタグをまとめてみました。↓
↓
＜＜＜＜＜●HTMLの表示状態↓
↓
▼03●日付A▼・・●分類項目↓

●タイトル/表題↓
↓
●概要/小見出し↓
●本文↓

リンク▲文字↓
↓
↓
▲03●日付A▲

リンク▲a01↓
↓
↓
a01の位置へ移動します。↓
↓
↓
●a01↓
↓

＜＜＜＜＜●HTMLの見本↓
↓
▼03●日付A▼<small>・・●分類項目</small>↓
<font size="+1" color="orange"><b>
●タイトル/表題</font></b>↓
↓
<b>●概要/小見出し</b>↓
●本文↓
<!--＜●注釈文/説明文＞-->
<a href="●リンクURL">リンク▲文字</a>↓
<img src="●画像URL" alt="●代替名">↓
↓
▲03●日付A▲

<a href="#a01">リンク▲a01</a>↓
↓
a01の位置へ移動します。↓
↓
↓
<a name ="a01">●a01</a>↓
↓▲0317A▲

＞♪動いた～♪↓
▼0113A▼・・HTML編集

HTMLで画像を動かす＜Marquee＞↓
↓
サイト紹介↓
●HTML編集の参考になるページを紹介します。コピー＆ペーストですぐ使えるHTMLタグをサンプル素材として配布されているオススメのサイトです。↓

リンク▲コピペで飾ろうホームページ→※A)トップページより↓
●上記のウェブサイト※A)から、今回は【文字を動かす】を参考に、画像を動かしてみたいと思います。↓

リンク▲文字を動かす↓
↓
HTMLの利用例＜Marquee＞↓
●右から左へ宇宙船が飛べば（移動すると）成功です。ホームページでは、成功すると思いますが、ブログサイトや使用しているブラウザソフトによって、表示画面が異なることがあるかもしれません。↓


↓
↓
●まさに、未確認飛行物体（ＵＦＯ）の動きです。↓

↓

↓
●今回利用したアイコンに関する記事です。参考にしてください。↓

リンク▲アイコン素材のページ紹介↓
↓
●こちらのページも参考になるかな？（Yahoo!ブログ）↓

リンク▲HTML＞画像を動かす↓
↓
●正常な表示状態のページです。（Googleのブログサイト）↓

リンク▲正常な表示のできるブログ↓
↓
▲0315Ａ▲↓

▼011７A▼↓

リンクボタン　HTML作成↓
↓
▼ページ上に【リンクボタン】※(1)を作成することができます。＜form＞タグを利用することで、下記のようなボタン形のリンクスイッチを作成できます。↓
↓

↓
↓
▼上記【リンクボタン】※(1)のHTMLタグです。（＜＞は半角です。表示の為に画面上では、全角を利用しているので、【置換】機能などで修正してください。）↓
↓
＜form action="http://partnerpage.google.com/pota-art.net?refresh=1&pli=1" Method="get"＞
＜input type="submit" value="　　※(1)リンク▲【pota】　　"＞＜/form＞↓
↓
▲011７A▲↓