HTML

HTMLで2枚並べた画像の上下に余白を作ろう

HTMLで2枚並べた画像の上下に余白を作ろう

ネットショップの商品ページを作っていると、たまに画像と画像の上下に余白をつけたい時がありませんか? <br>で空けてもいいのですが、けっこうな空白を空けたいときは、<br>がズラズラ並んでしまうので、...
クリックしてサブウインドウを表示させよう

コピペで簡単!クリックしてサブウインドウを表示させよう

ネットショップやサイトを作成しているとき、リンク先を新しいタブで開くように設定することってよくありますね。 たとえば、購入ガイドとかよくある質問のページなんかを新しいタブで開いたりすると、ショップサイ...
オンマウスで画像に枠線をつけてみよう

オンマウスで画像に枠線をつけてみよう

ネットショップ作成時、商品が沢山あるページがあると思います。 沢山ある商品画像の中から、マウスを載せた画像を注目してもらうために画像の枠に色のついた線を出したら、お客様も一目でどの商品画像をクリックし...
超簡単!シンプルなスクロールバーを設置してみよう

超簡単!シンプルなスクロールバーを設置してみよう

今回は、HTMLタグでブログやHPにコピペするだけで、シンプルで簡単なスクロールバーを設置してみましょう。スクロールバーを使うと、限られたスペースでもコンパクトにまとまりますね。 では早速、シンプルな...
【HTML】コピペでOK!画像の上にテキストを重ねてみよう

【HTML】コピペでOK!画像の上にテキストを重ねてみよう

ブログやサイトで、画像の上にテキストが表示されてるのをよく見かけますね。 あれってどうやってするんだろうって思ったことありませんか? 今回は、CSS(スタイルシート)はさわらずにHTMLの記述だけで、...
ブログ記事の文章にマーカー(マーキング)を入れてみよう

ブログ記事の文章にマーカー(マーキング)を入れてみよう

ブログ記事の中で、注目してほしい文章や、強調したいところに蛍光ペンで線を引いたようにしたいと思ったことありませんか? 今回は、蛍光ペンで書いたようにテキスト文字をマーキングする方法をご紹介。...