HTML個人講座11日目

こんにちはcairnです。

HTML個人講座11日目です。

本日はリンクの設定方法です。

リンクとは文章や画像に埋め込まれた他の文書や画像の位置情報（URL）です。

ウェブページを閲覧していて画像をクリックすると他のウェブページに移動するアレのことです。

使用するタグは

です。

○○○○の部分にリンク先のURLやファイル名を入力します。

例えば・・・

<a href="gallery01.html">フォトギャラリー</a>

と入力すると

『gallery01.html』のページが開くようになります。

『gallery01.html』とは

PCのドキュメントフォルダ内にある『gallery01.html』というファイルのことです。

続いては画像にリンクを埋め込む方法です。

↑このように入力すると

PCのドキュメントフォルダ内のimgフォルダの中にある○○.jpgという画像が表示されPCのドキュメントフォルダ内にある『gallery01.html』というファイルのリンクが設定されます。

続いては外部のページにリンクさせる方法です。

<a href="http://www.△△.jp">他サイトへのリンク</a>

このように入力すると

『http://www.△△.jp』というサイトへ移動します。

続いてはメール送信のリンク設定です。

<ahref="mailadress@xxx.xx.jp">メールでのお問い合わせ</a>

このように入力すると

『mailadress@xxx.xx.jp』宛にメール送信できるようになったメール作成画面が表示されます。

最後に特定の部分へリンクする方法です。

<a href="gallery01#フォトギャラリー">フォトギャラリー</a>

と入力するのですが

その前に『#フォトギャラリー』の部分を判別させるための設定が必要です。

それは以下のように行います。

記事のタイトル部分を

<a id="フォトギャラリー">フォトギャラリー</a>

↑このようにします。

本日はここまで( ´∀｀ )

cairn diary