メールアイコンをクリックするとメーラーアプリが立ち上がる方法

プログラミングを勉強中のみなさん、こんにちは！

今回は、メールアイコンや問い合わせボタンなどをクリックすると、メーラーアプリが立ち上がる方法を紹介します。

初心者向けのメモ書きとして執筆しておりますので、あしからず。

それでは見ていきましょう。

HTMLの記述

<a href=""></a>

このａタグの「href="xxx"」の部分に注目です。

「xxx」のところに、「mailto:○○○○」を記載するだけでＯＫです。
○○○○は宛先となるメールアドレスを入れてください。

こんな感じです。

<a href="mailto:sample@test.co.jp">お問い合わせ</a>

文字列にaリンクをつけてもいいですし、メールアイコンでもいいと思います。

まとめ

いかがでしたでしょうか。

とっても簡単ですよね。

<a href="mailto:アドレス"></a>

アイコンに関連する記事も紹介しておきます。

独学に行き詰まったらテックアカデミー無料メンター相談 もおすすめです。