VS code初心者– tag –
-
初心者でもできる!HTMLとCSSでおしゃれなボタンを作ろう!
この記事では、HTMLとCSSだけで簡単にボタンを作る方法を、超初心者向けに分かりやすく解説します!「コードがよくわからない…」という方でも大丈夫!実際のサンプルを見ながら、一緒に楽しく学んでいきましょう! フォルダ作成 まずはフォルダとファイル... -
class と id の違いを めちゃくちゃ分かりやすく解説!
class (クラス)とは クラスは「複数のものに同じスタイルを適用したいとき」に使います class の使い方はこちらから→HTMLのclassの使い方!を分かりやすく解説! たとえば、ボタンが6つあります。 赤いボタン3つと緑のボタン3つに分けます。この場合... -
HTMLのclassの使い方!を分かりやすく解説!
この記事では、HTMLのclassを使って、どんなページでも簡単にデザインを変更する方法を学びます <p> タグをデザインする では早速以前作成した、HTMLの「絶品カレーの作り方」を使ってclassの使い方を学びましょう! ・HTMLの「絶品カレーの作り方」... -
これで完璧!外部 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のみで作成したページです。↓↓... -
写真を入れるタグ <img> は、なぜ開始タグしかないの?
この記事では、写真を入れるタグ <img> の使い方と、開始タグしかない理由をわかりやすく解説します! 写真を入れるタグ <img> の基本 HTMLで写真を入れるには <img> タグを使います。前回、写真フォルダを作成したときの写真を例に簡単... -
HTML初心者必見!写真フォルダの作り方!
写真をHTMLで使うには、正しい場所に保存することが大事です!難しく考えずに次の手順で作業してみましょう! imagesフォルダを作る 写真フォルダの名前は「 images 」という名前で作成します。「 images 」フォルダは、必ずHTMLファイルと同じ場所に作り... -
プログラミング最初の1行目〈!DOCTYPE html 〉を超やさしく解説!
< DOCTYPE html > は、「これからHTML5の文書が始まりますよ!」とブラウザに伝えるための合図です。なので、とりあえず最初の1行目に必ず書く!これをDOC宣言と言います ブラウザへのお知らせ この1行がないと、ブラウザは「このページは古い形式の... -
「エクスプローラーが消えた⁈」VS code初心者あるある!対処法
「あれ、エクスプローラーが消えた!」VS codeを使っていると、そんな経験をしたことはありませんか?この記事では、エクスプローラーを表示・非表示する方法を、初心者でも分かりやすく解説します! エクスプローラーとは エクスプローラーは、VS codeの...
1