ビジュアルスタジオコード、– tag –
-
初心者でもできる！HTMLとCSSでおしゃれなボタンを作ろう！
この記事では、HTMLとCSSだけで簡単にボタンを作る方法を、超初心者向けに分かりやすく解説します！「コードがよくわからない…」という方でも大丈夫！実際のサンプルを見ながら、一緒に楽しく学んでいきましょう！ フォルダ作成 まずはフォルダとファイル... -
class と id の違いを めちゃくちゃ分かりやすく解説！
class （クラス）とは クラスは「複数のものに同じスタイルを適用したいとき」に使います class の使い方はこちらから→HTMLのclassの使い方！を分かりやすく解説！ たとえば、ボタンが６つあります。 赤いボタン３つと緑のボタン３つに分けます。この場合... -
HTMLのclassの使い方！を分かりやすく解説！
この記事では、HTMLのclassを使って、どんなページでも簡単にデザインを変更する方法を学びます <p> タグをデザインする では早速以前作成した、HTMLの「絶品カレーの作り方」を使ってclassの使い方を学びましょう！ ・HTMLの「絶品カレーの作り方」... -
これで完璧！外部 CSS の作り方完全ガイド
外部CSSとは 外部 CSS とは、Webページのデザインを別のファイルにまとめて管理する方法です。これにより、複数のページで同じデザインを使いたいときに便利です。 なぜ外部CSSを使うのか？ ・効率的１つの CSS ファイルを使えば、複数のページに同じデザ... -
超初心者向け！<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のコードのみで作成したページです。一緒に作業しながらタグに... -
HTML初心者必見！写真フォルダの作り方！
写真をHTMLで使うには、正しい場所に保存することが大事です！難しく考えずに次の手順で作業してみましょう！ imagesフォルダを作る 写真フォルダの名前は「 images 」という名前で作成します。「 images 」フォルダは、必ずHTMLファイルと同じ場所に作り... -
これでもうスペルミスに困らない！！【Code Spell Checker 】VS codeの拡張機能 コード スペル チェッカー
スペルチェックって何？ 1 スペルチェックは、文章やコードの中にある「スペルミス（つづりの間違い）」を見つけて教えてくれる機能のことです。例えば、英語の単語を間違えて書いてしまったときに、「これ間違ってるよ！」と教えてくれる「お助けツール」... -
【 Live Server が表示できない！！】VS code初心者あるある対処法とフォルダ作成
Live Serverの重要性 ・Live Serverを整えることは時間と労力を節約する第一歩です！ 「Live Serverは、プログラミングを始めるときの効率アップツールです。これを最初に整えておくことで、無駄な作業を減らし、書いたコードの結果をすぐに確認できる環境...
12