HTMLの部品（Webデザイン失敗の巻） | 情報・デジタルの部屋

戻る

HTMLの部品

情報・デジタルの部屋

Webデザイン失敗の巻

　［新ページ］ボタンを押すと新しいページに戻ります。　新ページ

HOME 「こひつじの家」のトップページに戻ります。情報トップ「情報・デジタルの部屋」のトップページに戻ります HTML部品古い部屋 2000年ごろに作った「情報とコンピュータの部屋」です。

　サムネイル見本用の小さい画像をクリックすると画像が大きくなり，大きくなった画像をクリックするとサムネイルに戻る部品（テクニック）を紹介します。
　HTMLとCSSだけを使用した方法としては，記述の簡単さも，動作も，最高のレベルにあると思います。〔こひつじの家〕の最新のページは，この方法で画像を表示しています。

画像にマウスをのせると拡大

　サムネイルにマウスをのせると画像が大きくなり，大きくなった画像からマウスをのけるとサムネイルに戻る部品（テクニック）を紹介します。
　HTMLとCSSだけを使用。特にHTMLの記述は，これ以上は望めないというほど，超簡単です。

行間を一定に保てるルビ

　HTMLのruby要素を使ってルビを振ると，行間が微妙に変わります。ルビのデザインも，ブラウザまかせです。ここで紹介するルビ（独自ルビ）を使うと，一定の行間が保てます。ルビのデザインも，自分で決めることができます。