WindowsでVScodeでポートフォリオを作成している初心者エンジニアです。
画像リンクを作り、リンク先に飛んだら、URLのドメインが2つに増えて404エラーが出てしまいます。
例:
https://example.com/example.com/apple
aタグのhrefを改善したり、検索してみたりしたのですが、検索の仕方が悪いのか出てこず此方で力を借りようと思った所存です。
プログラミングの質問や此方のサイトを使うのも初めてで、足りない事が御座いましたらアドバイス頂けると助かります。
此方コードになります。よろしくお願い致します。
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">制作物</h2>
<p>
<p class="sample">Apple clone site</p>
<p>模写コーディング</p>
<br>https:/example.com/APPLE/
<br>
<p class="sample"><img src="images/img21.png" width="570" alt="" /></p>
<a href="/APPLE/"></a></p>
<section class="features">
</div>
</section>
</section>
<追記>
最終的に今のコードはこちらになります。
VScodeのLiveServerでサイトを表示して画像のリンクをクリックすれば、正常に表示されるのですが、FileZillaを通して、エックスサーバーでサイトを表示した際に画像をクリックした場合404エラーが出てしまいます。
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">制作物</h2>
<p>
<p class="sample">Apple clone site</p>
<p>模写コーディング</p>
<br>https://example.com/APPLE
<br>
<a href="https://example.com/APPLE" class="image"><img src="images/img21.png" width="570" alt="" /></a>
example.com
というドメイン名を動作確認のために使用しているのでしょうか?また、動作確認用のドメイン・サーバーをどのように用意したのかについても教えていただけませんか?(そのために使用したソフトウェアや設定など)