ビジュアルスタジオコード、– tag –
-
これで完璧!外部 CSS の作り方完全ガイド
外部CSSとは 外部 CSS とは、Webページのデザインを別のファイルにまとめて管理する方法です。これにより、複数のページで同じデザインを使いたいときに便利です。 なぜ外部CSSを使うのか? ・効率的1つの 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は、プログラミングを始めるときの効率アップツールです。これを最初に整えておくことで、無駄な作業を減らし、書いたコードの結果をすぐに確認できる環境... -
【 拡張機能 】でプログラミングが楽しくなる!日本語にする簡単な方法
visual studio code をインストールしたけれど、なんだか操作が難しそう…そんなふうに思ったことはありませんか?実は、VS code には拡張機能という便利なツールがあり、それを活用することで作業がグッと楽になります!初心者の方でも迷わないように、拡... -
【 無料で使える! 】Visual Studio Code(VS Code) とは
プログラミングを始めるには、専用のアプリでコードを書いてみることからスタートします。 コード(code)とはこんな感じ↓ でも、どのアプリを選んだらいいのか迷いますよね。今回は初心者におすすめのコードを書くための「エディタアプリ」をわかり...
12