無料ゲームで稼げる&高還元率ポイントサイト│ドル箱
↑↑↑↑↑↑
手軽にお小遣い稼ぎができます!!
お得なポイント貯まる!ECナビ
↑↑↑↑↑
ポイントをためよう!!

2010年07月06日

imgのtitle指定

最近あんまりJavascriptの話してないなぁ・・・

で、今回もHTMLの話です(^^;

タイトルのとおりイメージ画像を設定する場合TITLE属性を持たせるとツールチップのように表示することが可能なのです。

「何言ってんだ。ALTを設定すれば出るじゃないか!」

そうですね。

IEでは表示されます。

FirefoxやSafariなどでは出ないはずです(^^;(最近のバージョンでは確認してないので・・・

しかも、このTITLE属性はそのほかのタグにも使用可能です。

AタグやHnタグなどなど。。。。

一度お試しあれ。
posted by GABAscript at 00:20 | 神奈川 ☔ | Comment(0) | TrackBack(0) | html | このブログの読者になる | 更新情報をチェックする

2010年05月16日

submitボタンのvalueで改行

久しぶりにHTMLについてです(^^

普通、formタグの中に、submitボタンを設置する場合、



<form action="cginame.cgi" method="POST">
 <input type="text" size="40" maxlength="40" name="name">
 <input type="text" size="40" maxlength="40" name="email">
 <input type="submit" value="送信">
</form>



などとしたりしますが、

いわゆる「送信ボタン」の「送信」という文字を改行したい、

つまり

「送」
「信」

としたいということなんです。

FirefoxやSafariなどは



<input type="submit" value="送\n信">



で、改行できますが、IEはそうはいかず、



<input type="submit" value="送&#10;信">
参考



と、すると、IE、Firefox、Safariなどでは改行されます。

しかし・・・Operaでは改行にならないのです・・・orz

画像を使えばイイジャンとか考えましたが・・・

何とか画像を使わずに出来ないかと調べた結果、

HTMLタグ・CSS・テンプレート - Web制作のインデックスサイト

こちらのサイトで見つけたのですが、



<button type="submit" name="submit" value="code">送<br>信</button>



とすればOK!

・・・こんな技(?)があったとは・・・

前に紹介した



こちらの本に乗っていました・・・

単なる確認不足です・・・orz

しかしおかげで自由度が増えました。
posted by GABAscript at 00:05 | ☁ | Comment(0) | TrackBack(0) | html | このブログの読者になる | 更新情報をチェックする

2010年04月01日

Javascriptを始めるその前に・・・2

今回はhtmlについてです。

細かい話はWikipediaを見ていただくとして(^^;(初心者向けですのでお許しをm(_ _)m)

htmlを簡単に言えばホームページの「元」となるものです。

たとえばBlogの「元」=ソースを見てみましょう。

右か左に余白が出ていると思いますが、そこを右クリックし、「ソース」(または「ページのソース」など)をクリックしてみてください。(窓が小さくて出ていないという方はタイトルが出ているところの下の表示から「ソース」または「ページのソース」など)

何かわけのわからないものが大量に書かれていますね(^^

これがソース、htmlの素の状態です。

そして、上から3段目に問題(?)の「html」が登場します。

ここで、htmlが<>に囲まれていますね(^^

これが「タグ」です。

基本的にhtmlは<タグ>〜</タグ>といった感じで必ず、「タグ」は一対になるものです。(「/」スラッシュが入ったものを閉じタグと言います。)

しかし、この閉じタグがないものがあります。

この閉じタグがないものはhtmlではそのままでOKですが、htmlの後継、xhtmlでは必ず閉じタグが必要なため、代わりの措置として<タグ />という形になっています。(ということで私はxhtmlは利用せずhtmlを利用しています(^^)

では、一番単純なhtmlの表記をして見ましょう。



<html>
<head><title></title></head>
<body>
Javascriptでいこう!!
</body>
</html>



これが一番単純な状態です・・・

が、これではw3cのを満たしていません。

と、言うことで、htmlの一番素のテンプレートを載せておきますので、

保存をしておくと便利です(^^(かく言う私も同じようなものを利用しています(^^)



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/EN"
 "http://www.w3c.org/TR/html4/loos.dtd">
<html lang="ja">
<head>
<title>Javascriptでいこう!!</title>
</head>
<body>
Javascriptでいこう!!
</body>
</html>



中の「Javascriptでいこう!!」は消去してかまいません(^^

解説は他のサイトやに譲ります(^^;(ちなみにhtml4ならstrictじゃないのかという突っ込みもあるかもしれませんが、Transitionlであればインラインフレームが使えるので初心者の方でも楽なので・・・)

細かいタグなどはHTMLクイックリファレンスがとても詳しくわかりやすいです(^^



と言う事で本日はここまで。

なんとなくわかっていただけたでしょうか(^^;

ちなみにhtmlは次のバージョン「5」が策定中です。

今使われている「4」やxhtmlではできなかったことがCSS3とともにできるようになるといわれています。

html5を検索
興味がある方は見てみてください(^^




↑こういった本が1つあると楽です(^^
タグ:javascript HTML CSS
posted by GABAscript at 23:14 | ☁ | Comment(0) | TrackBack(0) | html | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。