初めての商品ページ作成もコレだけ大丈夫！HTMLタグ4選

楽天やYahooに出店したいけど商品ページなんて作れない…

ネットショップを始めたい、ほとんどの人が最初にぶつかってしまう壁ではないでしょうか？
そんな人でも「これさえ覚えれば簡単な商品ページを作れる！」そんなHTMLタグ4選をご紹介いたします！

文字を入れるなら<p>タグ

商品の紹介したい…　商品の仕様や注意点を書きたい…
文章や文字を表示したいときに使えるのが<p>タグです！

<p>このテキストが表示される</p>

のように書くと、

このように真ん中に記載した文字が表示されます。
文字数制限はないので何文字でも表示させられます。

改行したいときは<br>タグ

<p>タグで文章を書いたけど改行されない！
そんなときは<br>タグを使ってみましょう。

<p>1行目<br>2行目</p>

のように書くと、

ちょうど<br>を入れたところで改行してくれます！
さらに<br>を増やしてみると、

<p>1行目<br><br><br><br>2行目</p>

こんな風に余白を作ることもできちゃいます！

画像も入れてみたい！そんなときは<img>タグ

文章だけじゃもの足りない…画像も入れてみたい…
それなら<img>タグ一つで簡単にできちゃいます！

<img src=”画像のURL”>

と書くだけで、

と簡単に表示させることができるんです！

たくさん入れてみたんだけど、全部の画像が引っ付いちゃった。
そんなときは<br>タグを使ってみましょう！

<img src=”1枚目の画像のURL”><br><img src=”2枚目の画像のURL”>

と書くと…

改行させて表示することや、

<img src=”1枚目の画像のURL”><br><br><img src=”2枚目の画像のURL”>

と書けば、

画像の間に空間を入れることができます！

クリックで他のページに移動したいときは<a>タグ

クリックで他のページに行きたい＝リンクを設置したいときは<a>タグを使いましょう！

<p><a href=”移動したいページのURL”>クリックするテキスト</a></p>

すると、

このようにクリックできる状態になります。

しかも文章だけでなく画像もクリックできるようにできるんです！

<a href=”移動したいページのURL”><img src=”画像のURL”></a>

のように書くと、

こんな風に画像全体をクリックできる状態にできました！

最初からカッコイイ商品ページは作れなくても、この4つができれば簡単なページは作成できます。
皆さんも、ぜひお試しください！