資料小分類

• HTML/CSSを知る

• Webトップ

• HTMLトップ

• 文字の入力

• 見出しタグ

• 練習１

• 段落タグ

• 水平線の挿入

• 練習２

• 強調表示

• イメージの配置

• リストの挿入

• リストの入れ子

• 著作情報

• 区画

• リンクの挿入

• ページ内リンク

• 他サイトへリンク

• メールへリンク

• ページ間リンク

• 練習作品記録

• CSSトップ

資料大分類

• 資料トップへ戻る

• 基礎編

• ＨＰを作ってみる

• 白紙からページ作成

• トップページを作成

• サブページを作成

• サイト管理

• HTML/CSSを知る

• Web ページ

• HTML 練習

• CSS 練習

• レイアウト作成

• レイアウト編集

• 最新テクの活用

• フォトモーション

• フルＣＳＳテンプ基本

• フルＣＳＳテンプ応用

• jQuery の基本

リンク

• サイト内検索

• 問い合わせ

• 参加者作品

• ＨＰ勉強会トップ

• Ａ班ホームページ

～リンクの挿入～

基本的なHTMLタグについての練習です。

練習するHTML要素　：　リンク

• a要素：
  • <a href="URL"> ［リンクの対象］ </a>
• a要素に href属性を指定すると、ハイパーリンクのアンカー（URLの埋め込み）を表します。href属性でハイパーリンクを指定しない場合は、あとでハイパワーリンクを設定するためのプレースホルダーなどに利用できる。
• target属性では、リンク先ページの表示方法について指定します。
  • target="文字列"
  • 文字列は、_blank、_self、_parent、_top などのキーワードか、
  • またはリンク先のウィンドウなどの名前を表す文字列で指定。
• a要素はAnchor Hyper Referenceからきています。

ハイパーリンクの挿入

➊ファイルakita_index.htmlを開きます。

➋文字列「犬のプロフィール」にakita_dog.htmlへのリンクを挿入します。

• 
• 

• HTMLソース：
• 

➌上書き保存します。

➍ブラウザで表示を確認します。「犬のプロフィール」の文字列の下に下線があること、この文字の上にマウスポインタを置き、クリックすると、akita_dog.html へジャンプすることを確かめる。

練習

➊ファイルakita_dog.htmlを開きます。

➋「戻る」という文字にakita_index.htmlへジャンプするハイパーリンクを設定する。

• 
•  
• 

➌上書き保存する。

⇒ ページ内リンクへ進む