プログラミング

【HTML】メールアイコンをクリックすると、メーラーアプリが立ち上がる方法をご紹介

スポンサーリンク

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

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

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

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

 

クリックできる目次

HTMLの記述

<a href=""></a>

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

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

こんな感じです。

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

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



まとめ

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

とっても簡単ですよね。

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

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

スポンサーリンク

-プログラミング
-, , , , , ,

© 2022 サカらいふ Powered by AFFINGER5