基本的な HTML タグについての練習です。
➊ 入力済みページ idlink-source01.html を表示する。
➋ ソースを表示し、「名前を付けて保存」で、htmlフォルダーに diary.html のファイル名で保存する。
➌ 表示されている idlink-source01.html は、ブラウザの [戻る] ボタンで元のページを表示することにより、閉じる。
➊ 保存した diary.html をビルダーで開く。
➋ ページ内の見出し3にラベルを付ける 。
HTMLソースでは <a name="ラベル名" id="ラベル名"> ~ </a> タグで、アンカー名が付けられます。
➌ 同じように他の見出し3にもラベルを付ける。
見出し等の文字列に簡単にリンクを張る、あるいはラベルを設定する方法:
HTML4.01 あるいは XHTML1.0 でページ作成の場合は、このステップはスキップします。
➍ [ツール] → [HTML構文チェック] をクリックすると、属性名(name) のエラーが出ます。(HTML4.01 あるいは XHTML1.0 ではエラーは出ません)
HTML5 では、a 要素の name 属性は廃止されています。 HTML4.01における name 属性は、ページ内の特定個所に名前を付けて、ページ内リンクを作成する際などに使用していました。
HTML5 で同様の機能を作成する場合には id 属性を使用します。 id 属性は、ひとつの文書の中では重複して同じ名前を付けることはできないので、ウェブページ内の場所を一意に特定できます。
➎ [エラー行を表示] ボタンをクリックし、ソースで該当の箇所を表示し、name 属性を削除する。
➏ [最新の情報に更新] ボタンで、エラーが無くなることを確認し、閉じます。
➐ 一度上書き保存する。
➑ 文字列にリンクを設定する。
➒ [プレビュー] でリンクを確認します。
➓ 上書き保存します。
➊ 入力済みページ、idlink-source02.html を表示する。
➋ ソースを表示し、html フォルダーに別名 idlink02.html で保存する。
➌ idlink-source02.html を表示しているページから、ブラウザの [戻る] ボタンで、当ページに戻る。
➍ idlink02.html をホームページ・ビルダーで開く。
➎ ページ内リンクを貼り、クリックして閲覧先を表示し、閲覧後にはトップへ戻るようにしよう。
➏ 上書き保存します。
⇒ 練習トップページへ進む