基礎– category –
-
初心者でもできる！HTMLとCSSでおしゃれなボタンを作ろう！
この記事では、HTMLとCSSだけで簡単にボタンを作る方法を、超初心者向けに分かりやすく解説します！「コードがよくわからない…」という方でも大丈夫！実際のサンプルを見ながら、一緒に楽しく学んでいきましょう！ フォルダ作成 まずはフォルダとファイル... -
class と id の違いを めちゃくちゃ分かりやすく解説！
class （クラス）とは クラスは「複数のものに同じスタイルを適用したいとき」に使います class の使い方はこちらから→HTMLのclassの使い方！を分かりやすく解説！ たとえば、ボタンが６つあります。 赤いボタン３つと緑のボタン３つに分けます。この場合... -
HTMLのclassの使い方！を分かりやすく解説！
この記事では、HTMLのclassを使って、どんなページでも簡単にデザインを変更する方法を学びます <p> タグをデザインする では早速以前作成した、HTMLの「絶品カレーの作り方」を使ってclassの使い方を学びましょう！ ・HTMLの「絶品カレーの作り方」... -
【JavaScript】backgroundPositionの指定ルール！
JavascriptでbackgroundPositionを指定するには、CSSのルールに従って値を設定する必要があります。以下のポイントを押さえておくとスムーズに使えます。 ⒈ backgroundPosition の基本 JavaScript で指定する方法 //js document.body.style.backgroundPosi... -
超初心者向け！<style>タグを使ったCSSの書き方とは？
前回も紹介した通り、CSSの書き方には。「インラインCSS」「内部CSS」「外部CSS」の3つの方法があります。前回の記事【 インラインCSS 】の書き方はこちらから→超初心者み向け！CSSはどこに書くの⁈今回は<head>内に書く【 内部CSS 】に注目し、書き... -
超初心者向け！CSSはどこに書くの⁉︎
CSSとは？ CSSとは「Cascading Style Sheets（カスケーディング・スタイル・シート）」の略です。HTMLだけで作ったページはシンプルすぎるため、CSSでデザインして、おしゃれに見た目を変えることができます。・こちらはHTMLのみで作成したページです。↓↓... -
実践！初めてのHTMLで「絶品カレーのレシピ」作ってみよう！
ここでは、実際にHTMLのみで、カレーのレシピページを作ります。同じcodeを書いて同じ作業をして、タグの使い方を覚えましょう！ HTMLで作る絶品カレーのレシピ できあがりイメージです。HTMLのコードのみで作成したページです。一緒に作業しながらタグに... -
写真を入れるタグ <img> は、なぜ開始タグしかないの？
この記事では、写真を入れるタグ <img> の使い方と、開始タグしかない理由をわかりやすく解説します！ 写真を入れるタグ <img> の基本 HTMLで写真を入れるには <img> タグを使います。前回、写真フォルダを作成したときの写真を例に簡単... -
HTML CSS 【初心者向け】 画像をリピートする方法
画像をリピート（繰り返し表示）する方法 CSSの background-repeat を使うと、画像を繰り返し表示できます。デフォルトでは、背景画像はタイル状に繰り返される仕様になっています。 background-repeat の基本 ・画像を縦横に繰り返す（デフォルト） ・結... -
HTML CSS 【初心者向け】疑似要素 ::before/::afterとは？
疑似要素（Pseudo-elements）は、HTMLの要素に対して疑似的な内容や装飾を追加するためのCSSの機能です。特に ::before や ::after がよく使われ、要素の前後にコンテンツを追加できます。 ::before と ::after の基本 ・要素の前（::before）または後（::...
