HTML

Code CSS HTML

【HTML/CSS初心者の模写】ヒーロー画像の上に文字を重ねて表示する方法を解説|Norton

こんにちは、イケゾーです。 今回は、セキュリティでおなじみ「Norton」のサイト模写の解説をしていきます。(2020/10時点) WEBサイトを表示した時に表示される大きな画像のことを「ヒーロー」と読びます。 ヒーローでは、画像のみを表示する場合もありますが、文字を画像の上に配置して表示する場合もあります。Nortonのヒーローでは、「カートに入れる」というボタンも配置していますね。このようなコーディングができるような方法を解説します。   ヒーローとは   この記事を読むと 画像の ...

Code CSS HTML

初心者向け【WEBサイト模写のやり方】HTMLとCSSのテンプレートを作る方法を解説

こんにちは、イケゾーです。   HTMLやCSSの参考書を一通りやった後の最初の壁「次何やればいいんだろ」ありますよね。 たいていの方は、模写をされるかと思います。おすすめのサイトや、好きなサイトをいくつか模写に挑戦しますよね。 僕も力試しで挑戦しました。ただ、最初ってHTMLとCSSに何を書いたらいいんだっけ。と時間を無駄にしてしまいました。   そこで、何度も使いまわせるテンプレートを用意したらどうかと考え、作ってみました。内容は基本的なものですが、整理して保管しておくと、毎回模写 ...

© 2021 IkezoooBlog