@ 星を描け!
ポリゴンで星型を一筆書きのように線で描け もちろんSVG
A 星を回転させろ!
上の星を中心で回転させる
@ メニューを埋め込め!
インラインフレームで本文の横にメニューを表示し、その枠は立体的でない事
A 背景を連続させよ!
@のメニューの背景に、本文での背景画像を透過させて表示させる
@ メニューを色分けせよ!
プルダウンメニューの各項目の背景を色分けし、文字色も変更
A メニューに画像を入れろ!
プルダウンメニューの各項目の最初に画像を表示
@ 6でPNG、3でGIF!
OBJECT タグを使って、PNGが表示出来るブラウザにはPNG画像を、そうでないものにはGIF画像を表示
A Lynx にマップを見せろ!
解答とソース | 対応ブラウザ | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
NN | IE | Mozilla | Lynx | ||||||||
ブラウザで見る | ソース | 3.0 | 4.0 | 6.0 | 3.0 | 4.0 | 5.0 | 5.5 | 6.0 | M18 | |
QUESTION1 | PDF | ◎ | ◎ | ◎ | △ | ◎ | |||||
QUESTION2 | PDF | ◎ | ◎ | ◎ |
omakeへ戻る
@ 水玉模様を描け!
枠線を水玉で表現。CSSのみで、画像は使わない
A 幾何学模様を描け!
テーブルの枠を使って縦横のボーダーをアレンジ
解答とソース | 対応ブラウザ | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
NN | IE | Mozilla | Lynx | ||||||||
ブラウザで見る | ソース | 3.0 | 4.0 | 6.0 | 3.0 | 4.0 | 5.0 | 5.5 | 6.0 | M18 | |
QUESTION1 | PDF | ◎ | △ | ||||||||
QUESTION2 | PDF | ◎ | ◎ | △ |
omakeへ戻る
@ ハートマークを描け!
「&」で「&」が表示出来るように、同じ手法でハート、スペード、クラブ、ダイヤを描け
A 雪だるまを描け!
Unicode でお天気マークを描く
解答とソース | 対応ブラウザ | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
NN | IE | Mozilla | Lynx | ||||||||
ブラウザで見る | ソース | 3.0 | 4.0 | 6.0 | 3.0 | 4.0 | 5.0 | 5.5 | 6.0 | M18 | |
QUESTION1 | PDF | ◎ | ◎ | ◎ | ◎ | △ | ◎ | ||||
QUESTION2 | PDF | ◎ | ◎ |
omakeへ戻る
@ Centerなしでセンダリング!
HTML4に則したやり方で、テーブルをセンダリングせよ
A 自動的に画像を入れろ!
<P>タグの段落の最初に画像を入れる。<IMG>タグを使わないで、スタイルシートで ただしCSS1(IE6がCSS1しかサポートしていない為)
解答とソース | 対応ブラウザ | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
NN | IE | Mozilla | Lynx | ||||||||
ブラウザで見る | ソース | 3.0 | 4.0 | 6.0 | 3.0 | 4.0 | 5.0 | 5.5 | 6.0 | M18 | |
QUESTION1 | PDF | ◎ | ◎ | ◎ | |||||||
QUESTION2 | PDF | ◎ | ◎ | ◎ |
omakeへ戻る
@ メニューからスタイルを選べ!
NN6の[表示]→[スタイルシートを使用]で、ユーザーが用意されてる複数のスタイルを選ぶようにする
A 時間によってスタイルを変えろ!
時間によってスタイルを変える ただし document.write でタグを書かない
解答とソース | 対応ブラウザ | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
NN | IE | Mozilla | Lynx | ||||||||
ブラウザで見る | ソース | 3.0 | 4.0 | 6.0 | 3.0 | 4.0 | 5.0 | 5.5 | 6.0 | M18 | |
QUESTION1 | PDF | ◎ | ◎ | ||||||||
QUESTION2 | PDF | ◎ | ◎ | ◎ | ◎ |
omakeへ戻る
| wheel | computer | other | illustration
| printer | profile | mail:mlango@mlango.com |
| JavaScript
| mad computer | omake | HTML TIPS & TRICKS | open remotecontrol |