スタイルの継承
準備
- 自分のサイトを「Brackets」で開く⇒「Ctrlキー＋Nキー」を押す⇒新規作成画面が開く⇒開いた画面下側の右から3番目のタブが「text」になっていたら、タブの横の「下向き矢印」をクリック⇒表示されるメニューから「HTML」を選ぶ。
・画面上部の「1」の右にカーソルを置き、⇒入力モードが「半角」になっている事を確認し、「！」を入力し⇒「Tabキー」を押す。
・上から2行目の指定言語が「“en”」になっている場合は「“ja”」に変更する。⇒と の間の「Document」を消して「スタイルの継承」に変更する。
・上部の「ファイル・タブ」をクリックし、開いたメニューから「名前をつけて保存」をクリック⇒自分のサイトが開くので、「textフォルダ-」を選択して、下部の「ファイル名」の欄に「keisyou .html」と入力して⇒右下の「保存ボタン」をクリック⇒「textフォルダー」に保存される。 - head 要素内に「back.css」を呼び込むlinkを設定します。
- bodyタグ直下に素材にある<div></div>をコピーして挿入します。
- bodyタグ直下に<h1></h1>を追加し「スタイルの継承」を挿入します。
- body 閉じタグの直前に「トップページへ戻る」リンクを設定します。
- 上書き保存をします。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>スタイルの継承</title>
<link rel="stylesheet" href="../style/back.css" type="text/css">
</head>
<body>
<div>
<h1>スタイルの継承</h1>
<p>
本の<em>カテゴリ</em>
</p>
<ul>
<li>SF</li>
<li>時代小説</li>
</ul>
</div>
<p class="back"><a href="../index.html">トップページへ戻る</a></p>
</body>
</html>