a要素を使い込んでみる【THML】
スポンサーリンク

メールを送信

文字にリンクをつける

HTML
<a href="mailto:メ-ル@アドレス">連絡先</a>

画像にリンクをつける

HTML
<a href="mailto:メ-ル@アドレス">
    <img src="URL(画像のアドレス)" alt=mail>
</a>

電話をかける

数字にリンクをつける

HTML
<a href="tel:0312345678">03-1234-5678</a>

画像にリンクをつける

HTML
<a href="tel:0312345678">
    <img src="URL(画像のアドレス)" alt=phone>
</a>

ページ内リンク

関連記事の場所へ飛ばしてみます。
飛ばす場所はどんな場所でも大丈夫です。
例えば:table, h1, p, ul, ol....など

HTML
 <a href="#jump">ここをクリックすると指定した場所へ移動します</a>
 
 <h4 id="jump">飛ばす場所</h4>

スポンサーリンク

この記事が気に入ったらフォローしよう

おすすめの記事