HTMLの部品 | 情報・デジタルの部屋

最終更新：2019-12-17 スタート：2019-06-21

　HTMLページHTMLを主体にして作成したページ。多くのWebページは，HTMLページです。は，テキストエディタで書いては，ブラウザで確認するという方法で作成しています。ここでは，作成中に閃いた，いくつかの技法（テクニック）を紹介します。

画像クリックで拡大⇔縮小　サムネイル見本用の小さい画像をクリックすると画像が大きくなり，大きくなった画像をクリックするとサムネイルに戻る部品（テクニック）を紹介します。

マウスオーバーで画像拡大　サムネイルにマウスをのせると画像が大きくなり，大きくなった画像からマウスをのけるとサムネイルに戻る部品（テクニック）を紹介します。

行間を一定に保てるルビ　ここで紹介するルビ（独自ルビ）を使うと，一定の行間が保てます。ルビのデザインも，自分で決めることができます。

属性を使ってすっきり　CSSでクラスセレクタに代わって属性セレクタを使用すると，HTMLの記述が簡単になります。