HTML WEB制作

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

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

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

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

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

目次
  1. HTMLの記述
  2. まとめ

HTMLの記述

<a href=""></a>

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

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

こんな感じです。

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

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

 

まとめ

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

とっても簡単ですよね。

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

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

 

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

-HTML, WEB制作
-

© 2024 人生フリーハンド Powered by AFFINGER5