このサイトはアフィリエイト広告(Amazonアソシエイト含む)を掲載しています。

HTML / CSS

【タップで発信!】HTMLで電場番号のリンクを設定する方法

こんにちは、テルプロです!

「電話を発信させるリンクの作り方がわからない」とお悩みではないでしょうか?

テルプロ

本記事ではそんな悩みを解決していきます!

本記事を読むことで
  1. HTMLで電場番号のリンクを設定する方法を理解できる
  2. コピペですぐに電場番号のリンク実装できる

ソースコード

<a href="tel:000-1234-5678">000-1234-5678</a>

上記のコードをHTMLファイルに記入すると「000-1234-5678」このように表示されます。

この電話番号をクリックすれば、hrefで記述した電話番号に発信されます。

  • href属性にtel:半角数字で電話番号を入れる
  • <a>〜</a>の中には自由なテキスト or 画像でも問題なし

まとめ

今回は「電話を発信させるリンクの作り方」をまとめました。

パソコンで直接電話をかけることはあまりないと思いますが、スマホの場合はよく利用されるものなので、電話番号を記す際は必ず設定しておきましょう。

最後まで記事をご覧いただきありがとうございました!

ではまた!

ABOUT ME
テルプロ
東京都在住のアプリエンジニア。大学では、ソフトウェア開発の研究に取り組む。長期のエンジニアインターンシップを経て、実務スキルを磨き、現在はフリーランスエンジニアとしても活動中。メインはモバイルアプリ開発。IT関連の記事監修も行い、技術の共有と普及に励んでいます。 監修実績(レバテックフリーランス
Flutter関連の書籍を出版しました!

フリーランス向けIT案件を探すならキャリマ
PR

フリーランス向けIT案件を探すなら

完全無料で使える
案件マッチングサービス「キャリマ」

  • 職種・勤務地・報酬などで案件を検索しやすい
  • フルリモートや東京23区など条件検索に対応
  • 働く側は最後まで無料で利用可能
システムエンジニア Webエンジニア プログラマー フルリモート 東京23区 60万円〜70万円帯
今すぐIT案件を探す

※キャリマ公式サイトへ移動します