2006年08月05日

リンクの色を変えてみよう!!

プログ作成日記 06.08.04

「初めての無料ブログ作成」の
htmlタグを使う
http://blog-free.seesaa.net/category/1491976-1.html

これを見て、リンクのはってある色変えられるのかなと、管理人さんに聞いたところ、とても簡潔・明瞭に方法を教えてくださいました。

絶対「一太郎が良い」!!の記事のコメントの中のリンクをくりっくして見てください。
色を変える場所がわかります。

HTML 色一覧 (タブを選ぶと「タグ一覧」や「スタイル」などの情報もあります。)

http://www.page.sannet.ne.jp/mtoga/html/bih-h_x1.htm


と言うわけで、さそっくチャレンジ。
でも色が変わらない???
そういえば、インターネット・エクスプローラ(IE)でみたらヒョットして。
IEは色変わっていました。ブラウザーの問題ですね。カラーが対応していないのか・・・・

一晩寝たら、もう一つヒョットしたらを思いつきました。ブラウザー更新をすればどうでしょう。色変わっています。

人気blogランキングへ ←だれもクリックしてくれない・・・
ラベル:ブログ HTML
posted by ネコ at 00:54| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月06日

文字にリンクを付けてみよう

プログ作成日記06.08.06

htmlタグを使い【文字にリンクを付ける】にチャレンジ!!

「初めての無料ブログ作成」の管理人さんに教えていただきました。

「初めての無料ブログ作成」のhtmlタグを使うです。上から6番目です。

ボケネコは、タグを画像で取り込んで文字として表示させる事が出来ません。「htmlタグを使う」をクリックして「初めての無料ブログ作成」を見てください。

hrefはエイチレフと読みます。他のホームページにリンクを張る事ができます。

アドレスのところに、リンクを張る先のURLを書き込みます。
★のとことに「アドレス」の先が理解出来る言葉をかきます。
画面には★(自分の書いた言葉)が表示され、ホームページのURLは表示されません。

8月5日「ディスクデフラグ復習」の最後「オンラインサポート」のところが、マイクロソフトのWindows XPのオンラインサポートの「ディスクデフラグ」にリンクを張ったところです。★の部分にオンラインサポートと書きました。

これで、オンラインサポートのところをクリックすると、目的のHPに繋がります。

マイクロソフトのWindows XPの「ディスクデフラグ」のオンラインサポートです。

実は、ボケネコ管理人さんのホームページに長〜にURLを張って画面を汚してしまいました。
ゴメンなさい。このタグを使うとコンパクトに納まりますね。

後日htmlの表示方法がわかりましたので書き込みしておきます。

<a href="アドレス" >★</a>
アドレスにリンク先URLを ★に表示したい言葉を記入してください。

関連記事
2006年09月03日:記事に画像をはる
2006年09月04日:画像にリンクをつける
2006年09月05日:画像の横に記事を表示する
2006年09月06日:リンクを張った画像の横に記事を表示する。
2006年10月02日:画像からのリンクを別ウインドウで開く
2006年10月03日:名前のリンクを新しいウインドウで開くく
2006年10月18日:画像と文字の間を空ける
2006年11月09日:メールアドレスに名前をつけリンクをはるには
2007年04月12日:見出しにリンクをはる

人気blogランキングへ ←だれもクリックしてくれない・・・

http://www.dff.jp/pix/dffbanner2005_2.gif
←募金サイト。お時間があれば募金を。
ラベル:HTML ブログ
posted by ネコ at 12:38| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月07日

同じ日でもすべてに日付をつける

プログ作成日記06.08.06

これは勇気を持ってチャレンジ!!

同じ日に2つ以上記事を書くと最新の記事に日付がはいり、古いほうは、日付のところに記事タイトルが入ります。

これをすべて日付にする方法です。

これも「始めてての無料プログ作成」の管理人さんに教えていただきました。
これは、チョッとハラハラ・ドキドキ。
一度htmlタグを書きなおし「プレビュー」して、出来ているのは確認したのですが、サンプルサンプルサンプルの文字の列に圧倒され、「保存」「再構築」する勇気がありませんでした。
改めて、心配なら、「元のタグをメモ帳にコピーを取っておけば」とのアドバイスをいただきました。
そうですね。記録取って置けば、元に戻したくなった時も大丈夫です。

出来ました!!

「絶対「一太郎」の方が良い!!」の、とむさんのコメントを見てください。「記事のHTML編集」の場所がわかります。具体的な行数はスタイルシートによって多分違うのでしょうが参考になるとおもいます。

でも、間違ってもボケネコには責任とれませんので。自己責任で!!
html初心者ボケネコも自己責任で頑張りました。

人気blogランキングへ ←だれもクリックしてくれない・・・
posted by ネコ at 22:06| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月08日

文字を太く大きく色を変える

プログ作成日記06.08.07

文字を太く大きく色を変えるにチャレンジ!!

↓見ながらやってみました。

「初めての無料プログ作成」

昨日の「自分のサイトを登録する」の記事で「文字を太く、大きく、色を変え」るにチャレンジしてみました。yahoo googlie MSN 登録の目次のとこらです。
デザインのセンスは良くありませんが出来ました。

fontサイズは2 色は#6A5CD で文字を太くです。

「以前文字にリンクをつける」で、自分で名前をつけたリンクと、自動で作られるアフェリエイトのリンクと、見た目がわからなかった事思い出しだしました。

「リンクを付けた文字」を、さらに「色をつけ大きく太く」出来ないかと・・・
本当はきちんと勉強してやってみる事なのでしょうが、組み合わせで出来ないかなと試してみました。
「初めての無料プログ作成」へのリンクのところがそうです。確認画面では出来ているようです。出来ているといいのですが。どうも色が変えたはずなのに他のリンクの色まで変わっているような。とりあえず公開。

やはり上手くいってません。やり直し。あれ、確認すると、他の文字まで過去分まで太くなってしまったようです。リンクの色も一緒にに全部変わってしまいました。
この記事削除すれば元にもどるかな。??とりあえずリンクの色この前かえた色に戻します。あれ、自分で名前をつけたリンクとアフェリエイトでつけた色変わっています。

記事全体が太字になったのは太字のタグが間違っていたようです。

htmlはここに正確に書くと結果表示になります。「初めての無料プログ作成」をみてください。htmlをここに表示できると良いのですが・・・

後日表示の方法がわかりましたので追加でhtmlを書いておきます。
初心者ボケネコ頑張ってます!!

<a href=http://blog-free.seesaa.net/category/1491976-1.html" target="_blank"><font color="#DA70D6" size=2><b>「初めての無料プログ作成」</b></font></a>
上のタグで↓できています。
「初めての無料プログ作成」

人気blogランキングへ ←だれもクリックしてくれない・・・

★イーココロ!募金サイト★
ラベル:HTML ブログ
posted by ネコ at 22:10| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月09日

記事の文字が全部太字に

ブログ作成日記 06.08.09

記事の文字が全部太字に???

昨日の「字を大きく太く色を変える」で記事の字が過去分含め全部太くなりました。
削除と思ったのですが、削除する前に字を太くするタグ2箇所付けたのを消してみました。
もとにもどってようです。でも全体に薄い色のスタイルシートなので、太いほうが読みやすいような・・・

前の記事も訂正しましたが、終了タグの書き込み方がよくなかったようです。再度書き込みしたところ出来ました。

関連記事
2006年08月08日:文字を太く大きく色をかえる

人気blogランキングへ ←だれもクリックしてくれない・・・

http://www.dff.jp/pix/dffbanner2005_2.gif←お時間があれば募金はこちらから
ラベル:ブログ HTML
posted by ネコ at 21:39| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月21日

行間を変更する

ボケネコのプログ作成日記 06.08.20

またまた、「初めても無料ブログ作成」の管理人さんのお世話になりました。
ここを参考にしました。
http://blog-free.seesaa.net/category/1506926-1.html

ボケネコの「ホワイト右サイト」にはline-height:高さ(18px);;のプロパティがありません。

>無ければ追加すれば出来ますよ!
>現在のもののコピーを忘れずにね。
とアドバイスいただきました。

下記のところにline-height:18px;; を半角スペースを開けて書き込みました。
「プレビュー」で確認。少し行間が広くなりました。
どのくらいが読みやすいのかな?

.text{
font-size: 12px;
color: #636363;
margin-top:20px;
padding:0px 30px 5px 30px;
background-image:url(https://blog.seesaa.jp/img/bg/white/blog_bg.gif);
background-repeat:repeat-y; 
この後に半角スペースを開け、line-height:18px;; を追加書き込み。
}

人気blogランキングへ ←だれもクリックしてくれない・・・
ラベル:ブログ HTML
posted by ネコ at 21:31| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月24日

お気に入り登録ボタンを作成

ブログ作成日記 06.08.23

「お気に入り登録ボタン」機能してません!!(2006年8月26日)
もう少し見直してみます。この記事のソースには不備がありますが、ソースの貼り付け方は間違っていませんでした。

ボケネコもチャレンジ。HTMLソースは下記メルマガで知りました。

メルマガ登録画面↓
まぐまぐ パソコン困った!!《らくらく解決術》

ボケネコが読んでいるメルマガで≪ 今日のQ&A ≫で質問に答える形式です。先日「お気に入りに登録」ボタンを作りたい」との質問がありました。

ソースをコピーして「お気に入りに登録」ボタンを表示したい場所に貼り付けてください。が回答です。
bokenekoは HTMLのソースを紹介のため画像としてして表示する事が出来ません。完全に正しいHTMLのソースをここに貼り付けるとここに「お気に入りに登録」ボタンができてしまいます。最初の < の後ろにわざと半角スペースをいれています。コピーしたときはスペースを空けないようしてください。

↓ここに不要な半角スペースがあります。スペースは無しです。
< INPUT type="button"value="お気に入りに登録"
onClic="javascript:window.external.AddFavorite('http://pchunntouki.seesaa.net/','ボケネコのパソコン生活')"style="border-style:solid; border-width;2px; border-color:#66CCFF; background:#E0FFFF; font-size:10pt; color:#808080">

「お気に入り登録」部がプログに表示されることばです。
「ボケネコのパソコン生活」は自分のプログのタイトルです。
URLは自分のプログのURLです。
border-width:   縁取りの太さ
border-color:   縁取りの色   青の縁取り#66CCFF
background:    背景色     水色の背景色#E0FFFF
font-size:    文字のサイズ
color:      文字の色    グレー#808080
そのままでとりあえずつくりました。

問題はどこにはりつけるか?
「デザイン」→「コンテンツ」→
右側の「表示切り替え」で表示したいページを選びます→
その下の「新しいコンテンツ追加」→「コンテンツを選択」のvをクリック→
「自由形式」を選択→直ぐしたの「追加」をクリック→「
自由形式のボックス」ができます→なかの文字の「自由形式」をクリック→
開いたt画面のタイトルのしたの「自由入力欄」に上のHTMLのソースをコピーして貼り付けます→
下の「保存」をクリック→「閉じる」→
貼り付けの終わった「新しいコンテンツのボックス」をボタンを置きたい位置にドラッグアンドドラップ→
ページの一下上のチョッと上の「設定を反映する」をクリック→画面の上まで戻ります→
プログのタイトルが入っている横の「変更」のよこに「再構築」の文字があります。クリックします→「プログの再構築」の画面がでます。再構築する範囲を選んで、「再構築を実行」をクリック。

あとは再構築が終わるのをまつだけ。これで画面上ではできました。
後は機能しているか確認をしてみないと。上手くいっていればよいのですが・・・

画像は出来ていますが、登録画面が出ませんね・・・

それに、そのうちTTMLを画像として表示できるよう勉強しないと。また宿題増えてしまいました。

問題はどこにはりつけるか?
「デザイン」→「コンテンツ」→の部分は正しいのですが、ボタンのhtmlタグは違うようでした。
8月28日に再度htmlタグの記事を書きましたのでそちらを見てください。
同じ記事カテゴリです。

関連記事
2006年08月26日:お気に入り登録ボタン機能してません。
記事が二つあります。「カテゴリーのツリー化」の下に「お気に入り登録ボタン機能してません。」があります。
2006年08月28日:今度こそ出来た!!「お気に入り登録ボタン」
2007年04月03日:アイコンをつけたお気に入りボタン
 
人気blogランキングへ ←だれもクリックしてくれない・・・
ラベル:ブログ HTML
posted by ネコ at 23:20| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月26日

「お気に入り登録ボタン」機能していません。

プログ作成日記 06.08.26

「お気に入り登録ボタン」機能していません。!!

ボケネコのパソコンのブラウザはFirefoxなので、ブラウザのせいかとIE(インターネット・エクスプローラ)でも確認しましたが・・・・
実は、うっかりメルマガを削除していて、(幸い印刷はしていたのですが)高速で、2ページを1ページで印刷したため、文字が良く読み取れない上にタイピングがへたで何処かで書き違えているようです。

初心者だからと言うより、タイピングの不注意です。でも何回みても何処なのか見つかりません。
このプログの記事も誤字・脱字・不必要な文字があったり・・・

ボタンは記事にも右サイドバーにも出来ているのですが、お気に入りの登録画面が出ません。
他の方のサイトで登録ボタンをクリックすると、IEの場合お気に入りの登録画面がでます。
ただし、Firehoxでは出ません。

難しい!!

8月28日に解決編を記事にしました。そちらを読んでくださいね。
同じ記事カテゴリです。

関連記事
2006年08月24日:お気に入り登録ボタン作成
記事が二つあります。「カテゴリーのツリー化」の下に「お気に入り登録ボタン機能してません。」があります。
2006年08月28日:今度こそ出来た!!「お気に入り登録ボタン」
2007年04月03日:アイコンをつけたお気に入りボタン

人気blogランキングへ ←だれもクリックしてくれない・・・
ラベル:HTML ブログ
posted by ネコ at 11:49| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月28日

今度こそ出来た!!「お気に入り登録ボタン」

プログ作成日記06.08.28

お気に入り登録ボタンの作成ができました。
どこが間違っていたか良くわかりませんが。

パソコンで検索かけて調べとみると、みなさん取り上げています。初心者にとっては嬉しいことです。「パソコン困った!!らくらく解決術>」と同じ方法を紹介しているところがありました。今回色は変えました。

ただし「お気に入り登録」と言うだけあって、インターネット・エクスプローラでないと機能しません。ボケネコの使っているブラウザのFirefoxでのブックマーク(お気に入り)の登録は出来ませんでした。

また下記の方法以外もあります。画像を入れることで、お気に入りの前に「★」や「フォルダー」も表示できます。
今回はトップページのURLとタイトルでしたが、ページを登録するボタンも作れるようです。
またそのうちにチャレンジしたいと思っています。

ソースは
<INPUT type="button" value="お気に入りに追加" onClick="javascript:window.external.AddFavorite('http://pchunntouki.seesaa.net/', 'ボケネコのパソコン生活')" style="border-style:solid; border-width:1px; border-color:#3300CC; background:#33CCCC; font-size:10pt; color:#ffffff">

「お気に入り登録」部分がプログに表示されることばです。
「ボケネコのパソコン生活」は自分のプログのタイトルです。
URLは自分のプログのURLです。
border-width:   縁取りの太さ
border-color:   縁取りの色   縁取り#3300CC
background:    背景色     背景色#33CCCC
font-size:    文字のサイズ
color:      文字の色    #FFFFFF

参考にしたプログ
アフィリエイトなどを駆使していかに儲けるかブログ〜そして伝説へ〜
の中の「プログカスタマイズ」の部分です。

ランキングに一票いれさせていただきました。有難うございました。

関連記事
2006年08月24日:お気に入り登録ボタン作成
2006年08月26日:お気に入り登録ボタン機能してません。
記事が二つあります。「カテゴリーのツリー化」の下に「お気に入り登録ボタン機能してません。」があります。
2007年04月03日:アイコンをつけたお気に入りボタン

人気blogランキングへ ←だれもクリックしてくれない・・・

クリックで救える命がある ←募金サイト








ラベル:HTML ブログ
posted by ネコ at 21:32| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年08月29日

記事中にHTMLを表示させるにチャレンジ

プログ作成日記06.08.27

記事中にHTMLを表示させることが出来ました。
「お気にリ登録ボタン作成」のHTMLソースを記事中に表示させる事が出来ました。
自分がどのように変更したか記録を記事で残せます。
色々カスタマイズしたところの記録を取るため、記事書き込みしてましたが、記事に書いてしまうと結果表示になってしまいます。
やっと「記事中にHTMLを表示させる」方法がわかりました。

下記のプログを参考にさせていただきました。
ブログカスタマイズ
「カテゴリ」→「カスタマイズ紹介」→「その他」の上から5番目です。
そのまま転記しますと今度は<>を表示させる文字が<>になってしまいました。どうして良いかわからず、全角で記入させて頂きました。

記事中で、

<table>

のように記述するとブラウザがこのタグを評価してテーブルを表示してしまいます。ブラウザにタグを評価させないために、

&lt;table&gt;  ←すべて半角が正しいです。正しく半角で記入すると<>表示になってしまいました。

と記述します。

< ⇒&lt;← 正しく半角で書き込みすると<になってしまいました。
全角で書かさせていただきました。実際使用すると時は半角です。
> ⇒&gt;← 同上 半角が正しいです。

です。この < と > の2つをエスケープすることでソース表示は可能です。

とてもわかりやすく何時までたっても初心者のボケネコにも直ぐできました。
有難うございました。
でもこの記事の書き込みして「確認をすると」メインの画面が真っ白になり、記事が右に表示され本来右再度に表示されるものが無くなってしまいました。

一瞬頭の中が真っ白!!
コピーをそのまま貼ったのでtableを<>で囲んだ状態でした。
きちんと 置き換えないといけませんね。パソコンは正直です。
わかったと喜んだわりには、理解が中途半端でした。

「検索サイトのリンク作成」で表示できなかったソースです。

<a href="http://www.google.co.jp/">Google検索サイト</a><br>
<a href="http://www.yahoo.co.jp/">Yahoo検索サイトYahoo</a><br>
<a href="http://www.goo.ne.jp/">goo検索サイト</a><br>

人気blogランキングへ ←だれもクリックしてくれない・・・

★クリックで救える命がある★ ←募金サイト


ラベル:HTML ブログ
posted by ネコ at 23:18| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年09月03日

記事に画像を貼る

プログ作成日記06.09.02
記事に画像を貼る
「初めての無料プログ作成」Seesaaブログ・ガイドツアー「画像のアップロード方法について」を参考にしました。

ボケネコのブラウザはFirfox1.5.0.6。
初心者のボケネコは画像をさわるのは初めてです。

画像を貼るTHML

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

今回使用した画像は、ホームページ上にある「クリックボタンの画像」をボケネコのパソコンに保存したものです。
「記事投稿画面」→記事投稿画面下「ファイル」の「参照」をクリック→「ファイルの選択」で別ウィンドウが開くので(ファイルを名前をつけて保存する画面と同じです)自分がアップロードしたい画像(記事に載せたい画像)のファイルを選択し「開く」をクリック→参照の横の「追加」をクリック→→別ウィンドウが開きます。「ファイル添付」をクリック→「保存」をクリック→「閉じる」
記事に表示されているか、確認しましょう。
あとは通常の記事投稿と同じです。

過去にアップロードしたものを利用する場合は、記事投稿欄の上の右端のフォルダの絵(顔マークの右横)をクリック→過去に保存した画像の一覧が表示されます→「タイトル」のところみて該当するものをクリック→別ウィンドウが開きます。「ファイル添付」をクリック→「保存」をクリック→「閉じる」→先に開いた一覧表も右上の×で閉じます。

追記
9月5日の記事で書きましたが、4日にファイルマネージャーの過去にアップロードしたものを使用したところ、画像に保存場所のリンクが貼られていて、画像をクリックすると、ファイルマネージャーの画像が表示されてしまいました。

画像を保存する時の注意
1.タイトルは必ず半角英数で。
2.後で自分が区別つく名前に書き換えておく事。

Seesaaさんの場合、自分でHTMLを入力しなくてもよいように、記事投稿画面の上によく使うHTMLは「記事の対象文字」を選択し上のアイコンをクリックするだけでHTMLが自動で作成出来ます。初心者にとり、とても便利です。又、自分で入力して覚えるのも練習です。覚えれば他でも使えます。

ただアップロードした画像のアドレス(URL)がわからず結局Ssssaaさんの方法を使いました。

今回は画像だけです。本来は「クリックボタン」なので、リンクが貼られていないと意味がありませんね。明日はリンクを付けるにチャレンジ!!

関連記事
2006年08月06日:文字にリンクを付けてみよう
2006年09月04日:画像にリンクをつける
2006年09月05日:画像の横に記事を表示する。
2006年09月06日:リンクを張った画像の横に記事を表示する。
2006年10月02日:画像からのリンクを別ウインドウで開く
2006年10月03日:名前のリンクを新しいウインドウで開くく
2006年10月18日:画像と文字の間を空ける
2006年11月09日:メールアドレスに名前をつけリンクをはるには
2007年04月12日:見出しにリンクをはる
2007年04月19日:終了タグのない要素の場合HTML4とXHTMLの違い

人気blogランキングへ ←だれもクリックしてくれない・・・

★クリックで救える命がある★ ←募金サイト。


ラベル:HTML ブログ
posted by ネコ at 00:58| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年09月04日

画像にリンクを付ける

プログ作成日記06.09.03(記事投稿は06.09.04)

画像にリンクを付ける
「初めての無料プログ作成」を参考にしました。

ボケネコのパソコンのブラウザはFirfox1.5.0.6
昨日に続き今度は画像にリンクを付けてみましょう。

画像にリンクをつけるHTML
<a href="リンク先のアドレス" ><img src="画像のアドレス"></a>

下記はオンライン募金イーココロ!の支援の輪を広げるためリンクを掲載していただけませんか?で準備していクリックボタンの画像です。
<a href="http://www.ekokoro.jp/">がリンク先のイーココロ!のトップページのアドレス
<img src="http://www.ekokoro.jp/supporter/br_80_15.gif">が画像のアドレス

<a href="http://www.ekokoro.jp/" ><img src="http://www.ekokoro.jp/supporter/br_80_15.gif" > </a>これで下記のクリックボタンができます。

←募金にご協力を。

実は入力しなくても、ホームページのクリックボタンの画像の下に、画像にリンクをつけたTTMLタグが掲載されています。
それを記事記入欄にコピー&ペーストすればリンクの貼られた画像が記事欄にできます。下記がそのままコーピー&ペーストしたものです。

<a href="http://www.ekokoro.jp/" target="_blank"><img src="http://www.ekokoro.jp/supporter/br_80_15.gif" width="80" height="15" border="0" alt="募金サイト イーココロ!"></a>

募金サイト イーココロ!←募金にご協力を。

クリックボタンの大きさwidthとheigtと周りの線の太さborderを指定、枠の中に表示される言葉が指定されています。borderが0の指定のため、ホームページと画像のアドレスだけを指定した最初のものと違い枠のラインがありません。

widthとheigtの数字をかえると大きさが変わるはず・・・・
width="80" height="15" →width="100" height="20"

募金サイト イーココロ!←募金にご協力を。
適当な数字を入れましたので、バランスが悪いですが、少し大きいクリックボタンができました。
リンク先のアドレスの後ろの target="_blank" の働きがわかりません。
そのうち又勉強しましょう。
初心者の努力の結果、きちんと画像をクリックして募金サイトにいけるかな。

関連記事
2006年08月06日:文字にリンクを付けてみよう
2006年09月03日:記事に画像をはる。
2006年09月05日:画像の横に記事を表示する。
2006年09月06日:リンクを張った画像の横に記事を表示する。
2006年10月02日:画像からのリンクを別ウインドウで開く
2006年10月03日:名前のリンクを新しいウインドウで開くく
2006年10月18日:画像と文字の間を空ける
2006年11月09日:メールアドレスに名前をつけリンクをはるには
2007年04月12日:見出しにリンクをはる
2007年04月19日:終了タグのない要素の場合HTML4とXHTMLの違い

人気blogランキングへ ←だれもクリックしてくれない・・・

人気blogランキングへ


http://www.dff.jp/pix/dffbanner2005_2.gif
←募金サイト。お時間があれば募金を。
ラベル:HTML ブログ
posted by ネコ at 23:35| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年09月05日

画像の横に記事を表示する

プログ作成日記06.09.04
画像の横に記事を表示する

ボケネコのパソコンのブラウザはFirefox1.5.0.6

9月3日の記事に画像を載せるの一部復習
ホームページ上にある「クリックボタンの画像」をボケネコのパソコンに保存したものです。
「記事投稿画面」→記事投稿画面下「ファイル」の「参照」をクリック→「ファイルの選択」で別ウィンドウが開くので(ファイルを名前をつけて保存する画面と同じです)自分がアップロードしたい画像(記事に載せたい画像)のファイルを選択し「開く」をクリック→参照の横の「追加」をクリック→→別ウィンドウが開きます。「ファイル添付」をクリック→「保存」をクリック→「閉じる」
これでアップロードが出来ました。

ここから、今日試した事
昨日までは、「ファイルの添付」の上「画像位置レイアウトなし」を選択していました。

注)ホームページ上にある「クリックボタンの画像」を過去にアップロードした単なる画像です。クリックするとリンクが保存場所に貼られていてファイルマネージャーのが画像を表示してしまいました。9月3日に過去にアップロードしたものは記事の上のフォルダからと書きましたが、使わないほうが良いかもしれません。

「右回り込む」を選択すると画像が右にきて、画像の左横に記事をかけます。
「右回り込む」のHTML画像が右です。
<a href="https://pchunntouki.up.seesaa.net/image/bokinnldfflinkbanner9.24.gif" target="_blank"><img src="https://pchunntouki.up.seesaa.net/image/bokinnldfflinkbanner9-thumbnail2.24.gif" width="150" height="85" border="0" align="right" alt="bokinnldfflinkbanner9.24.gif" /></a>

bokinnldfflinkbanner9.24.gifクリック募金とは、クリック募金サイト上の募金ボタンをクリックするだけで、無料で募金ができる仕組みです。
1クリックあたり1円を企業がクリックする人に代わって
「熱帯雨林保全」や「難病のこども支援」などを行う
NPO団体に募金してくれるサイトです。


「左回り込む」を選択すると画像が左にきて、画像の右横に記事をかけます。
「左回り込む」のHTML画像が左です。
<a href="https://pchunntouki.up.seesaa.net/image/bokinnldfflinkbanner9.24.gif" target="_blank"><img src="https://pchunntouki.up.seesaa.net/image/bokinnldfflinkbanner9-thumbnail2.24.gif" width="150" height="85" border="0" align="left" alt="bokinnldfflinkbanner9.24.gif" /></a>

bokinnldfflinkbanner9.24.gifクリック募金とは、クリック募金サイト上の募金ボタンをクリックするだけで、無料で募金ができる仕組みです。
1クリックあたり1円を企業がクリックする人に代わって
「熱帯雨林保全」や「難病のこども支援」などを行う
NPO団体に募金してくれるサイトです。

二つ並べてみるとHTML初心者のボケネコにも「右回り込む」と「左回り込む」のHTMLタグの違いがわかりました。
次回は、画像にリンクを貼って回り込みにチャレンジしたいと思います。

関連記事
2006年08月06日:文字にリンクを付けてみよう
2006年09月03日:記事に画像をはる。
2006年09月04日:画像にリンクをつける。
2006年09月06日:リンクを張った画像の横に記事を表示する。
2006年10月02日:画像からのリンクを別ウインドウで開く
2006年10月03日:名前のリンクを新しいウインドウで開くく
2006年10月18日:画像と文字の間を空ける
2006年11月09日:メールアドレスに名前をつけリンクをはるには
2007年04月12日:見出しにリンクをはる
2007年04月19日:終了タグのない要素の場合HTML4とXHTMLの違い

人気blogランキングへ ←だれもクリックしてくれない・・・

http://www.dff.jp/pix/dffbanner2005_2.gif
←募金サイト。お時間があれば募金を。
ラベル:HTML ブログ
posted by ネコ at 21:21| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年09月06日

リンクを貼った画像の横に記事を表示する

プログ作成日記06.09.05
リンクを貼った画像の横に記事を表示する

ボケネコのパソコンのブラウザはFirefox1.5.0.6

9月3日から5日の画像を記事に表示するの復習

画像を貼るTHML
<img src="画像のアドレス(URL)">

画像にリンクをつけるHTML
<a href="リンク先のアドレス" ><img src="画像のアドレス"></a>

右回り込むHTML
<a href="リンク先のアドレス"><img src="画像のアドレス"align="right" alt="画像のアドレス" ></a>

左回り込むHTML
<a href="リンク先のアドレス"><img src="画像のアドレス"align="left" alt="画像のアドレス" ></a>

注)昨日はファイルマネージャに保存している画像を使用、今日は、直接募金サイトのHTMLをコピーしました。
一箇所HTMLが違います。最後のalignで画像のアドレスを書いた後が /></a> か ></a> / 一つの違いですが。どんな意味があるのか????です。

<a href="http://www.dff.jp" target="_blank"><img src="http://www.dff.jp/pix/dffbanner120_60.gif" width="120" height="60" border="0"align="right" alt="http://www.dff.jp/pix/dffbanner120_60.gif"></a>
↑のHTMLで右下のリンク付きの画像が表示されています。

http://www.dff.jp/pix/dffbanner120_60.gif
                 募金してみてください。→
各クリック募金サイトを開いて、募金ボタンを!あなたに代わって、企業がNPO団体へ寄付をします。


<a href="http://www.dff.jp" target="_blank"><img src="http://www.dff.jp/pix/dffbanner120_60.gif" width="120" height="60" border="0"align="left" alt="http://www.dff.jp/pix/dffbanner120_60.gif"></a>
↑のHTMLで左下のリンク付き画像が表示されています。

http://www.dff.jp/pix/dffbanner120_60.gif
←募金してみてください。
各クリック募金サイトを開いて、募金ボタンを!あなたに代わって、企業がNPO団体へ寄付をします。


いつまでたっても初心者のボケネコ、きちんと表示され、募金サイトへいけるかな。
4日画像を記事に表示し、画像にリンクをはり、画像の横に記事を書く事にチャレンジしましたが、まだ理解度半分くらい。途中で書いた事が間違っているのに気がついたり。気がついていない事もあるかもかも知れません。
まだまだこの分野勉強する事一杯。間違った事をしても、記事削除すれば良いだけなので、とりあえずチャレンジ!!

関連記事
2006年08月06日:文字にリンクを付けてみよう
2006年09月03日:記事に画像をはる。
2006年09月04日:画像にリンクをつける
2006年09月05日:画像の横に記事を表示する。
2006年10月02日:画像からのリンクを別ウインドウで開く
2006年10月03日:名前のリンクを新しいウインドウで開くく
2006年10月18日:画像と文字の間を空ける
2006年11月09日:メールアドレスに名前をつけリンクをはるには
2007年04月12日:見出しにリンクをはる
2007年04月19日:終了タグのない要素の場合HTML4とXHTMLの違い

人気blogランキングへ ←だれもクリックしてくれない・・・


ラベル:HTML ブログ
posted by ネコ at 22:16| Comment(2) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年09月18日

自由形式コンテンツの書き方

プログ作成日記06.09.18
自由形式コンテンツでフォーマットを揃える
自由形式コンテンツでタイトル無しで表示させる


自由形式コンテンツを使い、おき入り登録ボタンを2つ作りました。
それぞれを別々に、自由形式コンテンツに、直接HTMLを入力。2つの自由コンテンツをつくりましたが、2つがくっついた状態で表示されていました。

ブログカスタマイズを参考にしすこし変えてみました。
自由形式コンテンツでフォーマットを揃える
(カレンダー以外の)サイドコンテンツは、

<div class="sidetitle">タイトル</div>
<div class="side">本文</div>

と記述されます。自由形式で追加するコンテンツもこのフォーマットに合わせるとキレイに表示することができます。

自由入力欄に、タイトルの部分を「リストに加えて」と記入し、本文のところに、お気に入り登録ボタン作成のHTMLを2つ続けて書き込み。(自由記入欄までたどりつくまでと、お気に入りボタンの作成は、記事は8月28日の記事をみてくださいね。カテゴリはプログ作成日記のthmlタグです。)

ほかと同じ形の見出しの枠が出来「リストに加えて」と枠の中に表示され、その下に登録ボタンが出来ました。でも相変わらず、2つのボタンがくっついたまま。そこで、2つのHTMLの間に改行タグ<br>を入れてみました。少し行間が開きすぎているのが気になりますが、間があきました。1/2改行なんて出来ないのかな。

人気blogランキングへ ←だれもクリックしてくれない・・・続きを読む
ラベル:HTML ブログ
posted by ネコ at 22:19| Comment(2) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年10月02日

画像からのリンクを別ウインドウで開く

プログ作成日記 06.××.××

HTML target="_blank"の働き

9月4日の記事で、リンク先のアドレスの後ろの target="_blank" の働きがわかりません。と書きましたが、わかりました。記事の画像リンクボタンをクリックしてみてください。

target="_blank"は今開いているウィンドウの上に新しく別ウィンドウを開く事が出来ます。

target="_blank" のあるほうは、ボケネコのプログを残し、リンク先を別ウインドウで開きます。開いた別ウインドウを×で閉じるとボケネコのプログが表示されます。

target="_blank" のないほうは、リンク先に移動してしまいます。×で閉じると他になにも開いていなければ、ブラウザが閉じてしまいます。ボケネコのプログの戻る為には戻る矢印でもどらなければいけません。

リンク先へ行って戻って来てもらって続きの記事の記事を読んでもらうためには、target="_blank"を入れた方が良いと思います。

そこで一つ気がついた事があります。画像にリンクをはった時だけでなく、転記が出来ないサイトに案内し、読んでもらってからまた自分のプログに戻って来てもらいたいときは、やはりtarget="_blank" を入れた方が良いのではと。

画像からのリンクでも、名前にリンクをはった場合、同じ事が出来るのでは。
初心者ボケネコへ宿題1つ。

http://www.dff.jp/pix/dffbanner2005_2.gif←お時間があれば募金サイト

これは↑ target="_blank"があります。9月4日の記事の中ではtarget="_blank"が必要ですが、でもここは必要ないですね。記事最後ですし、リンク先にいかれて、募金をしていただければよいのですから。

それとも、戻って来ていただいて、もっと記事読んでいただこうかな!!

★できるポケット 使って覚える HTML&CSS の基本がマスターできる本 (新書) ★

関連記事
2006年08月06日:文字にリンクを付けてみよう
2006年09月03日:記事に画像をはる
2006年09月04日:画像にリンクをつける
2006年09月05日:画像の横に記事を表示する
2006年09月06日:リンクを張った画像の横に記事を表示する。
2006年10月03日:名前のリンクを新しいウインドウで開くく
2006年10月18日:画像と文字の間を空ける
2006年11月09日:メールアドレスに名前をつけリンクをはるには
2007年04月12日:見出しにリンクをはる

人気blogランキングへ ←だれもクリックしてくれない・・・

★イーココロ!募金サイト★←興味がもてたら
ラベル:HTML ブログ
posted by ネコ at 23:13| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年10月03日

名前のリンクを新たらしいウインドウで開く

プログ作成日記 06.××.××

HTML target="_blank"の働きその2
名前にリンクをはり、リンク先を新しいウインドウで開く

10月2日の記事で、画像リンクボタンのtarget="_blank" の働きがわかりましたと書きましたが、名前にリンクをはった場合同じ事が出来るのではと思いました。
転記が出来ないサイトに案内し、読んでもらってからまた自分のプログに戻って来てもらいたいときは、やはりtarget="_blank" を入れ、新しく開いたウインドウでリンク先を表示して、読み終えたら、×でボケネコの記事に戻ってもらう・・・

やはり出来ました。htmlは↓

<a href="リンク先アドレス" target="_blank"><リンク先のわかる表示される言葉/a>

注意)targetの前に半角スペースがあります。

<a href="http://www.amazon.co.jp/gp/browse.
html/ref=topnav__gw/503-1777948-8447123?ie=UTF8&node=637392" target="_blank">アマゾン ソフトウェア</a>

上記のHTMLで下記が出来ています。

下のアマゾン ソフトウェアをクリックしてください。新しいウインドウでアマゾンが開きます。×でボケネコのプログに戻ってきます。
アマゾン ソフトウェア

実は一度でできたわけではないのです。だから日記の日付が××.××。

"リンク先アドレス" target="_blank" のリンク先アドレス"とtargetの間に半角スペースがあります。いつのまにかこのスペースを落としていました。
10月1日の日に一生懸命半角スペース拾って過去記事書きこんでいました。

半角・全角・大文字・小文字・半角スペース見落とさないよう注意しましょう。
パソコンは本当に正直者。半角スペース一つないだけで言う事を聞いてくれません。

何時までたっても初心者から抜け出せないのは、こんなところに原因が・・・

関連記事
2006年08月06日:文字にリンクを付けてみよう
2006年09月03日:記事に画像をはる。
2006年09月04日:画像にリンクをつける。
2006年09月05日:画像の横に記事を表示する。
2006年09月06日:リンクを張った画像の横に記事を表示する。
2006年10月02日:画像からのリンクを別ウインドウで開く
2006年10月18日:画像と文字の間を空ける
2006年11月09日:メールアドレスに名前をつけリンクをはるには
2007年04月12日:見出しにリンクをはる
2007年04月19日:終了タグのない要素の場合HTML4とXHTMLの違い

人気blogランキングへ ←だれもクリックしてくれない・・・

http://www.dff.jp/pix/dffbanner2005_2.gif←お時間があれば募金サイト


ラベル:HTML ブログ
posted by ネコ at 22:12| Comment(3) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年10月18日

画像と文字の間を空ける

プログ作成日記 06.10.18

画像と文字の間を空けるには

ボケネコのパソコンのブラウザはFirefox1.5.0.6

画像にリンクをはり、記事の横にまわりこむをやってみましたが、どうしても画像に記事の文字がくっついてしまします。文字をスペースで移動させても完全に空けることが出来ませんでした。
9月6日の記事で「リンクをはった画像の横に記事を表示する」、それ以前にも「画像にリンクをはる」などの記事もかいています。
ボケネコの悪戦苦闘をまた読んで見てくださいね。今日と同じ記事カテゴリです。

画像と文字の間を空ける属性が有るのですね。

使用する属性

画像の上下に指定した数字のピクセル数で余白を空ける → Vspace="数字"

画像の左右に指定した数のピクセルで余白を空ける → hspace="数字"

まずは復習をしてみます。
画像にリンクをつけるHTML
<a href="リンク先のアドレス" ><img src="画像のアドレス"></a>


左回り込むHTML
<a href="リンク先のアドレス"><img src="画像のアドレス"align="left" alt="画像のアドレス" ></a>

↑に今回の属性をたします。
<a href="リンク先のアドレス"><img src="画像のアドレス"align="left" vspace="20" hspace="20" alt="画像のアドレス" ></a>

通常は数字10のようですが、はっきりわかるように20にしてみました。
「リンク先のアドレス」と「画像のアドレス」は「dffのワンクックで救える命がある」を使用致しました。

<a href="http://www.dff.jp" target="_blank"><img src="http://www.dff.jp/pix/dffbanner120_60.gif" width="120" height="60" border="0"align="left" vspace="20" hspace="20" alt="http://www.dff.jp/pix/dffbanner120_60.gif"></a>
↑のタグで↓が出来ています。
------------- 紹介 --------------------------------------------------
http://www.dff.jp/pix/dffbanner120_60.gif

クリックするだけで、無料で募金ができます。
→ http://www.dff.jp
1クリックあたり1円を企業がクリックする人に代わって「熱帯雨林保全」や「難病のこども支援」などを行うNPO団体に募金してくれるサイトです。
時間がある時に是非クリックしてみてください。
----------------------------------------------------------------------
記事の、----紹介---はタグの前に、
画像横と下の記事及び---------は、タグの後に記入しています。
上手く表示できるかな、初心者ボケネコ??
プレビューでは出来ているみたいだけど。
お時間があれば、上の画像から募金サイトに入って募金をしてみてください。

関連記事
2006年08月06日:文字にリンクを付けてみよう
2006年09月03日:記事に画像をはる。
2006年09月04日:画像にリンクをつける。
2006年09月05日:画像の横に記事を表示する。
2006年09月06日:リンクを張った画像の横に記事を表示する。
2006年10月02日:画像からのリンクを別ウインドウで開く
2006年10月03日:名前のリンクを新しいウインドウで開くく
2006年11月09日:メールアドレスに名前をつけリンクをはるには
2007年04月12日:見出しにリンクをはる
2007年04月19日:終了タグのない要素の場合HTML4とXHTMLの違い



人気blogランキングへ ←だれもクリックしてくれない・・・

★イーココロ!募金サイト★
ラベル:HTML ブログ
posted by ネコ at 01:00| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年11月09日

メールアドレスに名前をつけリンクを張るには

プログ作成日記 06.11.09

メールを送ってもらえるようにするには

aタグを使えば、メールアドレスにもリンクを張れるとの事。
ボケネコ頑張ろう!!

使用する属性
href="mailto:メールアドレス”
メールアドレスのところに自分のメールアドレスを入力してください。

タグ
「ボケネコのパソコン生活」にかんする感想やご意見はボケネコに<a href="mailto:gennsizinn-1@mail.goo.ne.jp" >メール</a >でください。

終了タグを忘れないように!!
メールアドレスの前に必ず[mailto:]の文字を入れてくださいね。
他のホームページに名前をつけてリンクを張るとの大きな違いですね。

↑のタグで↓が出来ています。

「ボケネコのパソコン生活」にかんする感想やご意見はボケネコにメールでください。

ところで、target="_blank" メールの場合も有効なのかな?
上のタグだと、「ボケネコのパソコン生活」から出でしまいます。
確かめてみます。

「ボケネコのパソコン生活」にかんする感想やご意見はボケネコにメールでください。

あ! 出来てる!!

↑のタグは↓です。
「ボケネコのパソコン生活」にかんする感想やご意見はボケネコに<a href="mailto:gennsizinn-1@mail.goo.ne.jp" target="_blank" >メール</a >でください。

これからもボケネコを宜しくお願い致します。

関連記事:
2006年11月11日:スパムメールを減らすタグ
(HP上のメールアドレスを自動収集できなくなるらしい・・・)

2006年08月06日:文字にリンクを付けてみよう
2006年09月03日:記事に画像をはる
2006年09月04日:画像にリンクをつける
2006年09月05日:画像の横に記事を表示する
2006年09月06日:リンクを張った画像の横に記事を表示する。
2006年10月02日:画像からのリンクを別ウインドウで開く
2006年10月03日:名前のリンクを新しいウインドウで開くく
2006年10月18日:画像と文字の間を空ける
2007年04月12日:見出しにリンクをはる



人気blogランキングへ ←だれもクリックしてくれない・・・

★クリック募金はこちら ⇒ ★ネットオフの森づくり支援★
ラベル:ブログ HTML メール
posted by ネコ at 00:50| Comment(2) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年11月11日

スパムメールを減らすタグ

ブログ作成日記 HTML 06.11.11

ウイルス入りのメールやスパムメールを減らすには

ブログやホームページ上に自分のメールアドレスのリンクをしておくと、ブログやホームページ上のメールアドレスが、自動的に収集され、ウイルス入りのメールやスパムメールが送られてくる事があります。

公開しているボケネコのgooのアドレスへのメールのスパムメールは、全部gooのスパムメールボックスに入るので、メインで使っているプロバイダーのアドレスのように、毎日削除作業をしなてよいのですが、出来れば減らしたいですよね。

↓は11月6日に紹介した、メールアドレスに名前をつけてリンクを張ったタグとその結果です。

「ボケネコのパソコン生活」にかんする感想やご意見は<a href="mailto:gennsizinn-1@mail.goo.ne.jp" >ボケネコへのメール</a >

↑のタグで↓が出来ています。

「ボケネコのパソコン生活」にかんする感想やご意見はボケネコへのメール

↓のようにタブを書き換えると自動的に収集されないようになるそうです。
確認のしようがありませんが・・・・上がタグで下がその結果です。

「ボケネコのパソコン生活」にかんする感想やご意見は<script type="text/javascript">mail = "gennsizinn-1" + "@" +"mail.goo.ne.jp";document.write("<a href='mailto:"+ mail + "'>ボケネコへのメール</a>")</script>

↑のタグで↓が出来ています。

「ボケネコのパソコン生活」にかんする感想やご意見は

ただプロフィールのところのメールのHTMLの編集はわかりませんでした。

それにボケネコが悩まされているのは、公開していないメインのアドレス。
というより、コメントを入れるのに、メールアドレス入れた方が良いなとメインのアドレスを使ってしまいました。
gooのアドレス使っておけば良かった!!そうすれば整理が楽だったのに・・・

関連記事
2006年11月09日:メールアドレスに名前をつけリンクを張るには。
2006年10月12日:スパムコメント
2006年11月12日:「海外からのスパムコメントを禁止するには」・「削除できないスパムコメント」
この日は記事を2つ書いています。
2007年06月21日:Seesaaブログでの「コメント入力時の認証コード」の設置方法
2006年08月31日:迷惑メール「禁止された送信者の一覧」
2006年09月29日:ユニークなスパムメールありませんか?
2006年11月26日:どんどん巧妙になってくる迷惑メール
2007年01月14日:メルマガ「パソコンとの付き合い方」

人気blogランキングへ

★クリックで救える命がある★ ←募金サイト
ラベル:ブログ HTML
posted by ネコ at 00:15| Comment(3) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2006年12月12日

文字を点滅させるHTMLタグ

ブログ作成日記 06.12.13

パソコンでネット検索していると、ホームページで良くみますね。点滅している文字。これもHTMLタグです。初心者ボケネコにも出来ました。

ブリンクー文字の点滅
<blink>と</blink>の間に点滅させたい文字をいれます。
<blink>注意</blink>で↓が出来ています。
注意

これに06年8月8日の記事:文字を太く大きく色を変えるを組み合わせると、

点滅文字を太くする
<blink><b>注意</b></blink>で↓が出来ています。
注意

点滅文字サイズを大きくする
<blink><font size="4">注意</font></blink>で↓が出来ています。
注意

点滅文字に色をつける
<blink><font color="#FF0000">注意</font></blink>で↓が出来ています。
注意

点滅文字を太く・大きく・色をつける
<blink><b><font size="4" color="#FF0000">注意</font></b></blink>で↓が出来ています。
注意

これで注意がひけますね。

追記
IEでは点滅しません。Firefoxでは点滅しているのですが・・・・
また調べて勉強します。

関連記事
2007年3月8日:IEで文字をスクロール点滅させるhtml

★クリックで救える命がある★ ←クリックして募金をお願いします。
ラベル:ブログ HTML
posted by ネコ at 00:00| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年01月25日

円マークを表示するにはどうすれば良いの????

ブログ作成日記 htmlタグ

Hiro先生のブログ「Hiroさんの書斎」にコメントを記入したところ円マークがバックスラッシュになってしまいました。

HTMLで表示できるがHiro先生からのヒントです。
ネットで調べて、出来たと思ったのですが、Hiro先生のブログに書き込みをするとYの字の出来損ないみたいなボケたものになってしまいます。

本屋で1冊本を買おうと数日通いましたが、どれを買ったら自分にとって理解できる物かわからず結局まだ購入してません。でも、円マークの表示だけは探しました。載ってない本も多いのですが、本もネットで調べた以上の記載はありませんでした。後は半角英数の入力ミスしか考えられません。

Hiro先生のブログに記載した直後に一生懸命まず考えました。

今までの経験で、アンパーサンド+キーワード+セミコロンではと見当、でもキーワードが?
「yen」しか思い浮かびません。

アンパーサンド+yen+セミコロン   カタカナを実際の記号に置き換えると 
&yen;
↑で↓が出来ています。(表示されてますでしょ!)
¥  少し字を大きくしてみます。→  ¥


未公開でSeesaaブログで確認をしたら大丈夫のようです。でもHiro先生のブログでは表示できません。HTML使えるブログのコメント欄に「&+yen+;」
を書くとバックスラッシュに!!
確認ではボケた円記号で表示されているのですが、投稿するとバックスラッシュに・・・・

Seesaaはすでにサイト側でHTMLを準備しているようで、円マークをそのまま入力しても表示されます。下は単純に半角で円キーで入力しただけ。

¥   少し字を大きくしてみます。→  \


確認では表示されていましたが、今ブログ見たらフォントサイズを3にした方はバックスラッシュです!!

ならば
書式「&#アスキーコード;」
円マークのアスキーコード調べてみました。


円マークのアスキーコード 92 を表示しているものが多い。ここでは円マークが表示されています。Hiro先生のとこころでは、バックスラッシュです。
&#92;
↑で↓ができています。
\   少し字を大きくしてみます。→  \


これも確認では表示されていますが、ブログはバックスラッシュです。!!

別のASCII文字コード表をみると 92はバックスラッシュ 
だからコメント欄がスラッシュになったなのですね。

¥(円マーク)はWindows系のマシンの場合であって、MACやUNIX系では半角の\(バックスラッシュ)となります。
と言う記事見つけました。

文字コードを165に変えてみます。
&#165;
↑で↓ができています。
¥   少し字を大きくしてみます。→  ¥


でもこれではHiro先生のブログのコメント欄に表示する事ができません。
上の記事の円マークも確かに、円キーから単純に入力したものと比べ、コードを使用したものは少し形がちがいますね。

どの方法も「Hiroさんの書斎では」確認して投稿すると全滅です。すべてバックスラッシュ。確認せずイキナリ投稿すると一部はぼやけた円マーク・・・・

どなたか、どうすれば良いかわかる方教えてください!!
ブログ HTML初心者にはこれ以上想像力も、調べ方も????
Seesaaブログの記事投稿では確認が出来きません。そのままの入力で表示出来てしまうので・・・・

AWCS、HTMLタグ講座やJavaScriptサンプル集などホームページ作成支援全般を扱っているサイト→特殊文字一覧

連絡
出かけますので29日までお休みします。

Hiroさんの書斎は引越しHiroさんのブログはもう、ありません・・・・
Hiroさんのホームページ作成講座
IT活用のための情報検定・シスアド講座


★クリックで救える命がある★ ←募金サイト

posted by ネコ at 00:00| Comment(3) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年02月14日

RSSのアイコン

ブログ作成日記 html

こんなホームページを見つけました。
Seesaaさんは文字だけのものを用意していますが、よく見かけるアイコン。
RSSのアイコンを作成できるサイトです。

アルファリリース→RSSアイコン2.0説明つきRSSアイコンをあなたのサイトにも

Rssアイコン2.0は、RSSフィードの説明を自動作成する無料サービス→
Rssアイコン2.0を作成する

RSSアイコン2.0について

ホームページのURLを入力し「RSSアイコンを作成する」ボタンをクリックすると、「RSSアイコンが作成できました」とホームページに設置するソースが表示されます。
すきなものを選んでコンテンツで追加してください。

RSS新着情報

↑アイコンをクリックしてみてください。使い方の説明もあります。

ボケネコはSeesaaさんの文字だけの、RDF Site SummaryのHTMLに追加記入しました。文字だけでは「一体なに?」と自分でも思ってしまいます。それになんとなく寂しい!!隣の芝生は青く見えるではないのですが、よそのサイトのアイコンを見て「いいな〜」て。
アイコンのほうが文字より理解出来るボケネコでした。

HTML記入後、確認してから、保存して、再構築を忘れないように!!
自分のブログの確認も。

でも、フッターから右サイドに移動させたら、IEでは右サイドとフッターが無くなってしまいました。

改めてブログの説明のところに、自由形式で独立したコンテンツで作りました。
今度はFirefox・IEとも大丈夫です。Seesaaさんの用意してくださっているRSSも、もとのままフッターに残しておきました。RSS1.0 RSS2.0があるので。また他の場所に移動しようかなと・・・・


関連記事
2006年9月1日:自由形式コンテンツの書き方
2007年2月14日:RSSリーダーのフリーソフト

★クリックで救える命がある★ ←クリック募金サイト。

posted by ネコ at 01:40| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年03月13日

IE6で文字をスクロールさせるhtml

ブログ作成日記 HTML

点滅タグはインターネット・エクスプローラ6には対応していません。

スクロールする方法があります。一番簡単なのは
<MARQUEE>スクロール文字</MARQUEE>

↑で↓ができています。

スクロール文字

<MARQUEE><font color="red">スクロール文字</font></MARQUEE>

↑で↓ができています。

スクロール文字

以下は→初心者歓迎!ブログdeアフェリエイトを参考にしました。

IEだけで表示出来るとありますが、Firefox1.5でも表示されています。と言うようり、IEでは上手く表示出来ません。

数字の設定は「初心者歓迎!ブログdeアフェリエイト」のままです。
<MARQUEE SCROLLDELAY="300" SCROLLAMOUNT="120" WIDTH="120"> 点滅してますかー?</MARQUEE>

↑で↓が出来ています。

 点滅してますかー?

文字の前に全角スペースをあけるのがポイントだそうです。
SCROLLDELAY="300"の300は点滅の速度。数字がおおきほどゆっくりです。

SCROLLDELAYを倍の数字にしてみました。
<MARQUEE SCROLLDELAY="600" SCROLLAMOUNT="120" WIDTH="120"> 点滅してますかー?</MARQUEE>

↑で↓が出来ています。

 点滅してますかー?

SCROLLAMOUNT="120" WIDTH="120"の値は表示する文字の長さにと合わせないといけないそうです。2つの数字は同じ数字にするのもポイントだそうです。
何回やっても、文字の長さと数字の関係が????

SCROLLAMOUNTを文字を変えずに120から150に変えてみました。

<MARQUEE SCROLLDELAY="600" SCROLLAMOUNT="150" WIDTH="150"> 点滅してますかー?</MARQUEE>

 点滅してますかー?

Firefoxでは点滅しながらスクロールするのでが、IE6では上手くいきません。スクロールだけならIEでも表示されているのですが・・・・

まだまだ勉強が必要です。

関連記事:
2006年12月12日:文字を点滅させるHTMLタグ

★クリックで救える命がある★ ←クリックして募金をお願いします。

posted by ネコ at 00:00| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年03月25日

番号付きリストをつくるHTML

ブログ作成日記 htmlタグ

<OL></LI><LI></OL>を使うと、箇条書きのスタイルで表示させることができます。

<OL>
<LI>ふたを開ける</LI>
<LI>お湯をそそぐ</LI>
<LI>ふたを閉める</LI>
<LI>3分待つ</LI>

<OL>

↑で↓が出来ています。

  1. ふたを開ける

  2. お湯をそそぐ

  3. ふたを閉める

  4. 3分待つ


関連記事
2007年3月26日:箇条書きリストをつくるHTML
2007年4月14日:箇条書きリストの属性type
2007年4月15日:番号付きリスト属性typeでアルファベットに

★クリックで救える命がある★ ←クリック募金サイト
posted by ネコ at 21:00| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年03月26日

箇条書きのリストを作るHTML

ブログ作成日記

<UL></UL>、<LI></LI>を使うと、箇条書きのスタイルで表示させることができます。

<UL>
<LI>りんご</LI>
<LI>みかん</LI>
<LI>ばなな</LI>
</UL>

↑で↓が出来ています。               

  • りんご

  • みかん

  • ばなな


<UL>
<LI>りんご・りんご・りんご・りんご・りんご・りんご・りんご・りんご・
りんご・りんご・</LI>
</UL>

↑で↓が出来ています。

  • りんご・りんご・りんご・りんご・りんご・りんご・りんご・りんご・
    りんご・りんご・


いままで、長い文章を箇条書きにすると2行目が前にでてしまいました。このhtmlを使うと2行めも1行目にそろえることが出来スッキリ!!

関連記事
2007年3月25日:番号付きリストをつくるHTML
2007年4月14日:箇条書きリストの属性type
2007年4月15日:番号付きリスト属性typeでアルファベットに

詳しくはホームページ作成講座内部リンクをみてください。

★クリックで救える命がある★ ←クリック募金サイト
posted by ネコ at 21:42| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年04月03日

アイコンをつけたお気に入りボタン

プログ作成日記

<button style="height:30px;" onclick="window.external.AddFavorite('登録したいURL','登録してもらいたい名称');"> <img src="https://pchunntouki.up.seesaa.net/image/favoriteicon.gif" style="vertical-align:middle;"> お気に入りに登録 </button>

登録したいURL ボケネコのブログのURL
登録してもらいたい名称 「ボケネコのパソコン生活」



ボタンを<button>〜</button>でつくります。これらのタグで挟まれた中身が、ボタンの表面に表示されます。

ボタンの高さをスタイルシートで指定しています。ここでは30px(ピクセル)。画像の高さよりも少し高めにした方がよいと思います。

ボタンの表面に表示される内容(画像と文字)です。普通のHTML(=画像は<img ...>タグ)として記述します。

「favoriteicon.gif」は、ボタン表面に使う画像ファイル名です。画像ファイル「favoriteicon.gif」はあらかじめ、Seesaaにアップロードしておきます。
↓アップロードした画像の保存場所と画像ファイル名です。
img src="https://pchunntouki.up.seesaa.net/image/favoriteicon.gif

画像をスタイルシートで縦方向の中央に配置しています。vertical-align:middle;

登録したいURLを指定。 
登録したい名称を指定。 

「value=」でボタンの表面に表示される文字列を指定します。



アイコンのない場合
<input type="button" value="お気に入りに登録" onclick="window.external.AddFavorite(http://pchunntouki.seesaa.net/'','ボケネコのパソコン');">




関連記事
2006年08月24日:お気に入り登録ボタン作成
2006年08月26日:お気に入り登録ボタン機能してません。
記事が二つあります。「カテゴリーのツリー化」の下に「お気に入り登録ボタン機能してません。」があります。
2006年08月28日:今度こそ出来た!!「お気に入り登録ボタン」
こちらは、バックに色と枠に色がついています。

★クリックで救える命がある★ ←クリック募金favoriteicon.gif
ラベル:ブログ HTML
posted by ネコ at 23:00| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年04月12日

見出しにリンクを張る

ブログ作成日記 htmlタグ

本当はホームページ作成のHTMLの勉強かな。
ブログでは見出しへリンクを張ることはないような。

できるホームページHTML入門 Windows対応から
name属性が紹介されていますが、XHTML1.0では「推奨されない」属性に、XHTML1.1では廃止されているようです。

IT用語辞典より→XHTMLとは↓一部抜粋
 
Webページを記述するためによく使われるHTMLを、XMLに適合するように定義し直したマークアップ言語。W3Cが仕様策定を行っている。

IT用語辞典より→XMLとは↓一部抜粋
文書やデータの意味や構造を記述するためのマークアップ言語の一つ。マークアップ言語とは、「タグ」と呼ばれる特定の文字列で地の文に構造を埋め込んでいく言語のことで、XMLはユーザが独自のタグを指定できることから、マークアップ言語を作成するためのメタ言語とも言われる。

リストの文字をクリックすると下のほうに飛びます。属性の書き方は続きのなかにあります。問題は飛んだ先から見出しにどうやって戻るかです??????
htmlは続きの中です。


あ行



あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお


か行



かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ


さ行



さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ させすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ


た行



たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと


な行



なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの


は行



はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふえほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへの はひふへの はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ


ま行



まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも 


や行



やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ


ら行



らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ 


わ行



わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん


関連記事
2007年02月27日:無料サーバーFC2に登録するには
2007年03月06日:FFTPでアップロード
2007年03月07日:サーバーにアップロードするフリーソフトFFTP
2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

2007年03月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年04月17日:絶対パス・相対パス
2007年04月16日:見出しにリンクを張るその3空要素
2007年04月13日:見出しににリンクを張るその2
2007年04月12日:見出しににリンクを張る
2007年06月13日:ブログの関連記事にリンクを張る
2007年06月07日:同じページないにリンクを張る
2007年03月16日:基本的なリンク
2007年06月03日:ホームページでリンク集をつくってみよう

人気blogランキングへ ←だれもクリックしてくれない・・・

★クリックで救える命がある★ ←クリック募金サイト。
続きを読む
posted by ネコ at 22:16| Comment(1) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年04月13日

見出しにリンクを張るその2

ブログ作成日記 htmlタグ

見出しにリンクをはった後、リンク先からリンク元に戻るには?
昨日と同じ方法で下にリンク元、上にリンク先を書き込んでみました。
でも他のホームページをみると、ページのトップに戻る(リンク元)をクリックしてリンク先のトップに戻ってもそれらしい言葉が見当たらない事が多いです。どうなっているの?
「な行」からしたで試してみたのですが、言葉を書き込まないのはいけない事?
<a name="hutatu">な行</a> (な行と表示される)
<a name="hutatu"></a>   (な行と表示されない)
どちらの場合もリンクは張られています。

「あ行」から「た行」グループで「リンク対象の名前(文字列)」に「midasi」「な行」から「わ行」までの行グループで「リンク対象の名前(文字列)」に「midasi2」と言葉がダブルと「な行グループ」は一覧表にもどれませんでした。同じページ内では「リンク対象の名前(文字列)」は全く違うものを使用する必要があるようです。(それとも何処かでタグを書き間違えただけ?)
タグの書き方は続きを読むのなかです。

TOP


あ行|か行|さ行|た行|


あ行


あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお あいうえお


TOPへ

か行


かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ かきくけこ


TOPへ

さ行


さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ させすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ さしすせそ


TOPへ

た行


たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと たちつてと


TOPへ





な行|は行|ま行|や行|ら行|わ行|


な行


なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの


な行へ


はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふえほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへの はひふへの はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ


な行へ

ま行


まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも 


な行へ

や行


やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ


な行へ

ら行



らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ 



な行へ

わ行



わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん



な行へ


関連記事
2007年02月27日:無料サーバーFC2に登録するには
2007年03月06日:FFTPでアップロード
2007年03月07日:サーバーにアップロードするフリーソフトFFTP
2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

2007年03月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年04月17日:絶対パス・相対パス
2007年04月16日:見出しにリンクを張るその3空要素
2007年04月12日:見出しににリンクを張る
2007年06月13日:ブログの関連記事にリンクを張る
2007年06月07日:同じページないにリンクを張る
2007年03月16日:基本的なリンク
2007年06月03日:ホームページでリンク集をつくってみよう

募金サイト イーココロ!続きを読む
posted by ネコ at 22:14| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年04月14日

箇条書きリストの属性 type

ブログ作成日記 htmlタグ

circle 円
square 正方形、四角、長方形


  • りんご

  • みかん

  • ばなな


↑は↓でできています。

<UL type="circle">
<LI>りんご</LI>
<LI>みかん</LI>
<LI>ばなな</LI>
</UL>


  • りんご

  • みかん

  • ばなな


↑は↓でできています。

<UL type="square">
<LI>りんご</LI>
<LI>みかん</LI>
<LI>ばなな</LI>
</UL>

関連記事
2007年4月15日:番号付きリスト属性typeでアルファベットに
2007年3月26日:箇条書きのリストを作る
2007年3月25日:番号付きのリストを作る

募金サイト イーココロ!
posted by ネコ at 21:10| Comment(2) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年04月15日

番号付きリストを属性typeでアルファベットに

ブログ作成日記 html

<OL type="値"></LI><LI></OL>を使うと、アルファベットの箇条書きのスタイルで表示させることができます。

<OL type="A">
<LI>ふたを開ける</LI>
<LI>お湯をそそぐ</LI>
<LI>ふたを閉める</LI>
<LI>3分待つ</LI>

<OL>

↑で↓が出来ています。

  1. ふたを開ける

  2. お湯をそそぐ

  3. ふたを閉める

  4. 3分待つ



<OL type="a">
<LI>ふたを開ける</LI>
<LI>お湯をそそぐ</LI>
<LI>ふたを閉める</LI>
<LI>3分待つ</LI>

<OL>

↑で↓が出来ています。

  1. ふたを開ける

  2. お湯をそそぐ

  3. ふたを閉める

  4. 3分待つ


関連記事
2007年3月25日:番号付きリストをつくるHTML
2007年3月26日:箇条書きリストをつくるHTML
2007年4月14日:箇条書きリストの属性type

★クリックで救える命がある★ ←クリック募金サイト
posted by ネコ at 13:55| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年04月16日

見出しにリンクを張るその3空要素

ブログ作成日記 htmlタグ

見出しにリンクをはった後、リンク先からリンク元に戻るには?
2007年4月13日に「な行」から下で試してみたのですが、要素の内容(言葉)を書き込まないのはいけない事?「空要素」というものがあるらしい。
<a name="hutatu">な行</a> (な行と表示される)
<a name="hutatu"></a>   (な行と表示されない)
↓これは空要素???
<a name="hutatu"/ >(な行と表示されない。)
どの場合もリンクは張られています。

ちょっとためしてみます。
全体のHTMLのタグの書き方は続きの中です。



な行|は行|ま行|や行|ら行|わ行|


な行


なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの なにぬねの


な行へ


はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふえほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへの はひふへの はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ はひふへほ


な行へ

ま行


まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも まみむめも 


な行へ

や行


やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ やゆよ


な行へ

ら行



らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ らりるれろ 



な行へ

わ行



わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん わおん



な行へ

ボケネコは本とネット検索して勉強中です。系統だっていません。思いつきで、こんな事出来合いかなと、悪戦苦闘した結果を書いています。ボケネコの言う事は怪しい。信用しないように!!

関連記事
2007年02月27日:無料サーバーFC2に登録するには
2007年03月06日:FFTPでアップロード
2007年03月07日:サーバーにアップロードするフリーソフトFFTP
2007年03月06日:文章宣言のDTDとヘッダーと本文タグ
3月6日は記事が3つあります。最初に書いた「文章宣言のDTDとヘッダーと本文タグ」が最後に表示されています。

2007年03月31日:内部リンク・階層・相対パス???
3月31日も記事が3つあります。最初に書いた「内部リンク・階層・相対パス???」が最後に表示されています。

2007年04月17日:絶対パス・相対パス
2007年04月13日:見出しににリンクを張るその2
2007年04月12日:見出しににリンクを張る
2007年06月13日:ブログの関連記事にリンクを張る
2007年06月07日:同じページないにリンクを張る
2007年03月16日:基本的なリンク
2007年06月03日:ホームページでリンク集をつくってみよう

募金サイト イーココロ!

続きを読む
posted by ネコ at 02:20| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年04月19日

終了タグのない要素の場合HTML4とXHTMLの違い

ブログ作成日記 htmlタグ

2006年9月6日に「リンクを貼った画像の横に記事を表示する」のなかで
下記のような事を書いています。注)のところ

わかったような気がします。(分かった気がしているだけで間違っているかも。ボケネコのいうことはあてにならない)

↓2006年9月6日の記事
左回り込むHTML
<a href="リンク先のアドレス"><img src="画像のアドレス"align="left" alt="画像のアドレス" ></a>

注)昨日はファイルマネージャに保存している画像を使用、今日は、直接募金サイトのHTMLをコピーしました。
一箇所HTMLが違います。最後のaltで画像のアドレスを書いた後が /></a> か ></a> / 一つの違いですが。
どんな意味があるのか????です。


↓9月4日の記事です。
「右回り込む」を選択すると画像が右にきて、画像の左横に記事をかけます。
「右回り込む」のHTML画像が右です。
<a href="https://pchunntouki.up.seesaa.net/image/bokinnldfflinkbanner9.24.gif" target="_blank">
<img src="https://pchunntouki.up.seesaa.net/image/bokinnldfflinkbanner9-thumbnail2.24.gif" width="150" height="85" border="0" align="right" alt="bokinnldfflinkbanner9.24.gif" /></a>


/></a>はXHTMLの場合の書き方らしい。
></a>はHTML4に書き方の場合らしい。

「画像をページ中に埋め込むimg要素」のように、終了タグがなく、開始タグだけ記述すればいい要素があります。終了タグがない要素には「内容」にあたる部分部分はなく、終了タグを記述してはいけないそうです。(ボケネコはそんこと知りませんでしたが、ほかのホームページにも記載がないので書いていませんでした。)
XHTMLでは、終了タグのない要素のタグは、「/ >」で閉じる決まりになっているので注意。

HTML4の場合
↓正しい
<img src="画像のアドレス"align="left" alt="画像のアドレス" >
↓間違い
<img src="画像のアドレス"align="left" alt="画像のアドレス" ></img>

XHTMLの場合
<img src="画像のアドレス"align="left" alt="画像のアドレス"/ >


引用元→ HTML&CSSできる大事典

関連記事
9月3日: 記事に画像をはる。

9月4日: 画像にリンクをつける。

9月5日: 画像の横に記事を表示する。

9月6日: リンクを張った画像の横に記事を表示する。

10月2日: 画像からのリンクを別ウインドウで開く

10月18日:画像と文字の間を空ける
 
★クリックで救える命がある★ ←クリック募金サイト


posted by ネコ at 22:00| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年06月04日

横罫線を表示するタグ

ブログ作成日記 htmlタグ

横罫線を表示するタグ hr要素 (エイチアール)

見出しや段落の間に横線を表示してページの内容をわかりやすくします。
見栄えを指定する属性」は「推奨されない」もので将来は廃止される予定だそうです。
見栄えはスタイルシートで指定するようになってきているそうで。
推奨されない属性はHTM4とXTML1.0の移行型かフレーム型で記述するようにとの事。

ボケネコ練習中のホームページは
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
HTM4なのでつかえますが(すべて表示出来ました)
、将来の事を考えると、スタイルシートで指定するべきかな。まだスタイルシートまでは勉強できていません。(スタイルシートがないから表示できたのかな?よくわかりません。)

ブログはスタイルシートが別になっています。ブログの記事にどこまで表示できるのかな。
SeesaaブログはDOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
HTM4なので表示出来きそうかなとも思うのですが・・・スタイルシートが別にあるので、「推奨されない」ものは表示できないかも。表示できなくてのそのままにしておきます。(プレビューで見る限り、color属性・noshade属性・size属性・width属性は表示できていません。alige属性とwidth属性は表示されています。)

実際ブログに表示させると表示されている!!

<hr 属性="属性値">

終了タグはありません。また<hr>の要素だけでつかえます。

<hr> で↓ができています。



hr要素の属性

alige属性・・・・・横方向の配置をそろえる。「推奨されない」要素です。HTM4とXTML1.0の移行型かフレーム型のみ使用可)width属性、横線の幅(左右の長さ)を指定と組み合わせの必要あり。

<hr align="left"> で↓が出来ています。左揃え


<hr align="left" width="200"> で↓が出来ています。左揃え



<hr align="center"> で↓が出来ています。中央揃え


<hr align="center" width="200"> で↓が出来ています。中央揃え



<hr align="right"> で↓が出来ています。右揃え


<hr align="right" width="200"> で↓が出来ています。右揃え



color属性・・・・・横線の色を指定。Opera非対応。
<hr color="色">
<hr color="blue"> で↓が出来ています。



noshade属性・・・横線の影を消す。「推奨されない」要素です。HTM4とXTML1.0の移行型かフレーム型のみ使用可)
<hr noshade="noshade"> で↓が出来ています。



size属性......横線の太さの指定。「推奨されない」要素です。HTM4とXTML1.0の移行型かフレーム型のみ使用可)
<hr size="太さ">
<hr size="30"> で↓が出来ています。


<hr noshade="noshade" size="30"> で↓が出来ています。



width属性・・・・・横線の幅(左右の長さ)を指定。「推奨されない」要素です。HTM4とXTML1.0の移行型かフレーム型のみ使用可)。属性値はピクセルかパーセンテージを指定。
<hr width="幅">
<hr width="200"> で↓が出来ています。



組み合わせると
<hr size="30" color="blue"> で↓が出来ています。size属性とcolor属性の組み合わせ



<hr size="30" noshade="noshade"> で↓が出来ています。size属性とnoshade属性の組み合わせ



<HR alige="center" color="orange" noshade size="4" width=70%"> で↓が出来ています。色々組み合わせると

 

★クリックで救える命がある★ ←クリック募金サイト。
ラベル:ブログ HTML
posted by ネコ at 22:25| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2007年08月01日

引用枠線のHTML

ブログ作成日記

「引用の枠線 Seesaa」とアクセス解析に。これはわかります。
簡単な方法はSeesaaブログさんのほうで用意している記事の記入欄の上のタグのアイコン、左から5つ目めを使う方法。

引用文を選択
ドラッグで選択がうまく出来なければ、
文章頭にカーソルを合わせ [Shift]キーを押しながら + [↓](下矢印キー)

行の途中までを選択したい時は、上の方法では行全体が選択されているのでさらに、[Shift]キーを押した状態で選択したい最後の文字まで [←](左矢印キー)を押します。一回押すごとに一文字ずつ選択が解除されます。

左から5つ目のアイコン(→の後ろに線がある)をクリック

自分でhtmlを書く

<blockquote >あああああああああああ
あああああああああああ
いいいいいいいいいいい
うううううううううううとう </blockquote >

↑ で ↓ が出来ています。

あああああああああああ
あああああああああああ
いいいいいいいいいいい
うううううううううううとう


<blockquote >はブロッククウォートと読みます。
Seesaaブログではスタイルシートの方で枠線もひくように記述しています。線の太さ・色・など。メモ帳で自分で<blockquote ></blockquote >のhtmlを自分で書きFFFTPでアップロードしても字下げになるだけで枠線は表示されません。

ボケネコはシンプルホワイト。他のスタイルシートだとまた別の表示になるのかもしれません。

スタイルシートの中にブロッククウォートの記述があります。
シンプルホワイトの記述は下記のようになっています。
border:1px solid #ccc;
padding:5px;
margin:10px;

人気blogランキングへ ←ブログランキングに参加してみました

★クリックで救える命がある★ ←クリックして募金をお願いします。
posted by ネコ at 00:21| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする

2012年06月16日

画像をコピーできなくする

本来なら、こちらで書くネタなのです。

パステルアートの方で、著作権について書いたら、いつもは訪問がないし、あっても、すぐ出て行かれるのが、(ここもそうですけれど。アクセスは少ない同志の比較ではなんですが、ボケネコのパソコン生活の方があります。)少しアクセスがあったので、多分違う意味でのアクセスかなと思い、もう一つ記事を書きました。

良かったらのぞいてみてください。

画像をコピーできなくする。
posted by ネコ at 14:25| Comment(0) | TrackBack(0) | ブログ作成日記>htmlタグ | このブログの読者になる | 更新情報をチェックする