トップページ  > ウェブ制作チュートリアル  > TELリンクを指定する
第25章 メールリンク、TELリンク

★TELリンクを指定する

TELリンクを指定する

広告

「お問合せ」ページ(contact.html)で表示している電話番号画像に、TELリンクを指定しましょう。

contact.htmlに以下の記述を追加してください。

HTMLソース(contact.htmlの抜粋)

<h3 id="info0003">お電話でのお問合せ</h3>
<p>
<a href="tel:0000000000"><img src="images/contact0001.png" alt="電話番号0000-000-000" class="infoimg_tel"></a>
</p>

保存をしたら、携帯電話やスマートフォンをお持ちの場合には動作を確認してみましょう。 クリックするだけで電話が掛けられるようになっていれば成功です。



まとめ
  1. a要素でTELリンクを指定すると、携帯電話などではクリックするだけで電話が掛けられる
  2. TELリンクは、<a href="tel:電話番号">~</a>の書式で指定する
  3. href属性に指定する電話番号は、ハイフン( - )無しで記述する
<前へ 目次へ 次へ>
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ