HTML・CSS - IT生活向上ブログ

HTML marqueeタグ

ちょっとした文字スクロール。IE独自仕様だが、いろんなブラウザでサポートされている。
<marquee behavior="動作"
direction="動作方向"
loop="回数"
scrolldelay="間隔時間"
scrollamount="距離">
文字列
</marquee>

・behavior
behavior="scroll" スクロール動作
てすとbehavior="scroll"

behavior="alternate" 往復動作
てすとbehavior="alternate"

behavior="slide" スクロールして端で停止
てすとbehavior="slide"

・direction
left,rightで指定。

・loop
ループ回数。なしなら無限。

・scrolldelay
1/1000秒単位。デフォルト85。

・scrollamount
ピクセル単位。デフォルト6。


カテゴリ:HTML・CSS
タグ:HTML タグ

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2008/12/22 17:18 | Comment(0) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする

URIスキーム

リンクタグでhrefを指定する場合、
http://〜 と記述しますね。この:から前の部分をURIスキームと呼び、実はhttp以外にもたくさんあります。

一覧はIANAで管理されているので参照してください。
http://www.iana.org/assignments/uri-schemes.html

有名なのはmailtoで
<a href="mailto:メールアドレス">

と記述すれば、メーラを起動してくれたりします。
携帯では
<a href="tel:電話番号">

のように記述すれば電話をかけたりします。

about:はURIスキームではなく、ブラウザ固有ものです。

カテゴリ:HTML・CSS
タグ:HTTP

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2008/12/22 10:24 | Comment(0) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする

CSS cursor

Aタグを指定した場合、カーソルが変わるのでクリックできる場所がわかるが、DHTMLを駆使し、DIVやSPANタグ等を指定した場合でも、クリック位置がわかるようにカーソルを変更させれば、よくわかりやすくなる。
.sampe {
cursor : hand ;
}
こんな感じ。↓
サンプル



カテゴリ:HTML・CSS
タグ:CSS

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2008/12/15 22:05 | Comment(0) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする

favicon

webサイトをお持ちの方向け。
ユーザがブックマーク(お気に入りに追加)した時に
メニューの横にあるショートカットアイコンをサイト独自の物にできます。

ICO形式で作ったアイコンをLINKタグで指定します。
正確には他形式でもブラウザがサポートしていればよいが、
とりあえずICO形式のがよいだろう。

指定方法はいくつかあるが下記のように複数書いておいた方が無難。
<HEAD>タグの間に記述します。
ルートディレクトリに「favicon.ico」と言う名前で置いておけば、
特に指定しなくても自動認識されます。
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon">

MIMEタイプはimage/x-iconでもよいが、
正式にIANAに登録されたため、image/vnd.microsoft.icon
の指定のがよいと思われる。

http://www.favicon.cc/
はオンライン上でfaviconが作成できるので便利です。

カテゴリ:HTML・CSS
タグ:HTML favicon

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2008/12/14 00:01 | Comment(0) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする

CSS a擬似クラス

CSSには疑似クラスというものがあり、文書構造だけでは対応できない状況に対する動的な適応ができるようになります。

リンクに対する擬似クラス、主に以下のものがあります。
:link    未訪問リンク
:visited 訪問済リンク
:active 訪問済リンク指定中
:hover カーソルが乗っている状態
:focus フォーカスされている状態
:unknown 未対応擬似クラスの置き換え


このサイトは
a {
TEXT-DECORATION: none;
}
a:link {
COLOR: #9ebb09;
TEXT-DECORATION: none;
}
a:visited {
COLOR: #5a7705;
TEXT-DECORATION: none;
}
a:hover {
COLOR: #800000;
BACKGROUND-COLOR: #e3e0d1;
}
a:unknown {
COLOR: #800000;
BACKGROUND-COLOR: #e3e0d1;
}
a:active {
COLOR: #800000;
BACKGROUND-COLOR: #e3e0d1;
}

こんな指定です。

カテゴリ:HTML・CSS
タグ:擬似クラス CSS

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2008/12/04 12:49 | Comment(0) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする

HTMLコメント

タグを直接編集する場合、元を残したい時などタグをコメントにできます。「<!--」と「-->」でくくります。

<!-- この間がコメントになる。 -->

なおソース表示には残ります。

カテゴリ:HTML・CSS
タグ:HTML

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2008/12/02 22:01 | Comment(0) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする

HTML特殊文字

HTMLにはタグに使用する特殊な文字があります。
これらの文字はタグ投稿が行えるブログでは表示されません。以下の4つの文字を表示したい場合は、エスケープ文字を記述します。

>  &gt;
<  &lt;
&  &amp;
"  &quot;

"については大抵そのまま書いても大丈夫だが、これはブラウザの実装が変換してくれているので、本来はエスケープしたほうが無難。

また、エスケープとは関係ないが、特殊な文字もエスケープで記述できる。
©  &copy;
™  &trade;




カテゴリ:HTML・CSS
タグ:HTML エスケープ文字

PR:
手数料無料、スプレッドは1銭から、レバレッジ400倍選択可能、「みんなのFX」
芸能人もびっくり!即効ダイエットなら骨盤ウォーカーベルト
【業界初】保有ポジションのレバレッジ変更機能

人気ブログランキング あとで読む
posted by wing at 2008/11/30 22:00 | Comment(0) | TrackBack(0) | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

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