資料小分類

• HTML/CSSを知る

• Webトップ

• HTMLトップ

• 文字の入力

• 見出しタグ

• 練習１

• 段落タグ

• 水平線の挿入

• 練習２

• 強調表示

• イメージの配置

• リストの挿入

• リストの入れ子

• 著作情報

• 区画

• リンクの挿入

• ページ内リンク

• 他サイトへリンク

• メールへリンク

• ページ間リンク

• 練習作品記録

• CSSトップ

資料大分類

• 資料トップへ戻る

• 基礎編

• ＨＰを作ってみる

• 白紙からページ作成

• トップページを作成

• サブページを作成

• サイト管理

• HTML/CSSを知る

• Web ページ

• HTML 練習

• CSS 練習

• レイアウト作成

• レイアウト編集

• 最新テクの活用

• フォトモーション

• フルＣＳＳテンプ基本

• フルＣＳＳテンプ応用

• jQuery の基本

リンク

• サイト内検索

• 問い合わせ

• 参加者作品

• ＨＰ勉強会トップ

• Ａ班ホームページ

～ページ間リンク～

基本的なHTMLタグについての練習です。ここでは、ホームページに上にトップへのリンクを加える方法を説明します。

トップページの編集

Step-1：　トップページからのリンク

➊ページakita_index.htmlを開きます。

➋「飼育日記」と入力します。

➌文字列「飼育日記」に、ページakita_diary.htmlへのリンクを貼ります。

➍上書き保存します。

Step-2：　サブページからのリンク

➎文字列「飼育日記」を右クリックします。

➏［リンク先を開く］をクリックします。

• ▶ページakita_diary.htmlが開きます。

➐ページ末尾にある文字列「戻る」に、akita_index.htmlへ戻るリンクを貼ります。

➑上書き保存します。

➒［プレビュー］にてリンクの動作を確認します。

⇒　練習作品の記録へ進みます。