見出し画像

【リンク&アンカーリンクとは?】STUDIO学習はじめてみた。#14日目

こんにちは、yukiです♡ 

14日目の今日はSTUDIOのリンク&アンカーリンクの機能について簡単にまとめます(^^♪


リンクについて

リンクを設定したいときは、下記の赤線の部分のリンク【ページ】【URL】から行えます。

①URL:外部ページのURLなどhttps://www.tech-commit.jp/

②電話番号:先頭に【tel】をつけて連絡先を入力する。

③メール送信:先頭に【mailto】をつけてメールアドレスを入力する。

画像1


アンカーリンクについて

アンカーリンクとは、ページ内リンクのことです♪

アンカーリンクを設定すると、特定のBOXをクリックすると、違うBOXへ移動する動きが出来るようになります。

赤い線を引いた部分の【ID】をBOXにつけることによって、アンカーリンクを付与することが出来ます。

画像2

注意点としては、IDは同じページ内で重複することのない単語で設定する事が必要です。


以上です♡

この記事が気に入ったらサポートをしてみませんか?