[HTML・CSS] HTMLにCSSを定義

●HTMLファイルにCSSファイルへのリンクを定義

＜link rel="stylesheet" href="CSSファイル名" type="text/css"＞

rel属性は、HTMLファイルから見たリンク先のファイルの関係が指定されます
CSSファイルの場合は"stylesheet"となります。

href属性は、リンクするCSSファイル名になります。

type属性は、リンク先のファイルの種類です、CSSファイルの場合"text/css"になります


style.css
----------------------------------------------
h2{
color:#ff0066;
}
----------------------------------------------

----------------------------------------------
＜html＞
＜head＞
＜title＞＜/title＞
＜link rel="stylesheet" href="style.css" type="text/css"＞
＜/head＞
＜body＞
＜h2＞自然派コース＜/h2＞
＜p＞京野菜を中心に、体に優しい素材を厳選しました。＜br＞
女性におすすめのコースです。＜br＞
お一人様　\3,000＜/p＞
＜h2＞特選コース＜/h2＞
＜p＞旬の味覚をふんだんに使いました。＜br＞
ボリュームたっぷりの贅沢なコースです。＜br＞
お一人様　\4,500＜/p＞
＜/body＞
＜/html＞

詳解HTML & CSS & JavaScript辞典/大藤 幹

￥2,100
Amazon.co.jp

できるポケット仕事 使って覚えるHTML&CSSの基本がマスターできる本 改訂版 Internet Explorer7/6対応 (できるポケット)/佐藤 和人

￥924
Amazon.co.jp

[HTML・CSS] 画像上にリンクを設定（クリッカブルマップ）

●画像上にリンクを設定（クリッカブルマップ）

＜img src="イメージのファイル名" usemap="#マップ名"＞
□イメージをクリッカブルマップに定義する
usemap属性には＃（シャープ）に続いて参照するクリッカブルマップ名を指定します
＜map name="マップ名"＞ ＜/map＞
□クリッカブルマップを作成
map要素とname属性とでセットで使用
name属性でクリッカブルマップ名を指定します
＜ares shape="領域の形状" coords="領域の座標" href="リンク先のファイル名"＞
□クリッカブルマップのリンクの詳細を指定
shape属性で形状を指定、rect（長方形）circ（円）poly（多角形）のいずれかを指定します。
coords属性ではリンク領域の座標を指定します。

＜img scr="イメージのファイル名" usemap="#マップ名"＞
＜map name="マップ名"＞
＜area shape="リンク領域の形状" coords="リンク領域の座標" href="リンク先のファイル名"＞
・
・
＜/map＞

僕たちの名前を知っていますか？








顔をクリックすると、答えが表示されるよ。




＜html＞
＜head＞
＜title＞＜/title＞
＜/head＞
＜body bgcolor="#669999" text="#ffffff"＞
＜center＞
＜p＞僕たちの名前を知っていますか？＜/p＞
＜img src="images/question.jpg" border="0" usemap="#quiz"＞
＜map name="quiz"＞
＜area shape="rect" coords="38,27,114,96" href="リンク１"＞
＜area shape="circ" coords="212,64,42" href="リンク２"＞
＜area shape="poly" coords="295,28,395,27,329,114" href="リンク３"＞
＜/map＞
＜p＞顔をクリックすると、答えが表示されるよ。＜/p＞
＜/center＞
＜/body＞
＜/html＞