はじめてのHTML&CSS！！VSCode（Visual Studio Code）で作る方法をカンタン解説【ビジュアルスタジオコード】
HTML-код
- Опубликовано: 3 авг 2024
- はじめてのHTML&CSS！！VSCode（Visual Studio Code）で作る方法をカンタン解説
前回ATOMで覚えるHTMLという動画を上げましたが、今回はVisual Studio Codeで作っていきたいと思います。
◆関連動画
・ATOM（アトム）で覚えるHTML第一回HTML超基礎！まずは形を覚える
• ATOM（アトム）で覚えるHTML第一回H...
・webサイト制作「ワイヤーフレーム」概念をざっと理解するカンタン解説
• webサイト制作「ワイヤーフレーム」概念をさ...
・HTMLとは何か！ちゃんと知ってから始めよう。ハイパーテキストとHTMLを書く時に最重要な「マークアップ」web製作に欠かせないHTML
• HTMLとは何か！ちゃんと知ってから始めよう...
・「htmlのdiv」についてかんたんに詳しくwordpressで解説！デザインする上でよく使うdivについて【ワードプレス HTML】
• 「htmlのdiv」についてかんたんに詳しく...
■目次
0:00 スタート
0:25 フォルダを作っていく（下準備）
6:05 HTML部分を作成していく
30:46 CSS部分を作成していく
50:08 まとめ
◆webサイトチャンネル運営
teeem.jp/
#HTML
#CSS
#Visual Studio Code
#ビジュアルスタジオコード
#サイト作成
#サイト運営
#初心者
#初心者向け
#超簡単
#ブログ構築
#ブログで稼ぐ 
Хобби
![MURDER DRONES Series Finale [TRAILER]](http://i.ytimg.com/vi/p6mhC5Iatns/mqdefault.jpg)
Web制作１週間でこの動画出会えてほんとによかった！
例えがうますぎて楽しく学べました。
ありがとうございます！！
それはよかったです。ありがとうございます。
めちゃくちゃ分かりやすい動画ありがとうございます！！Web制作1年半ぶりに再開して、本当に何もかも忘れてしまっていたのでとても助かりました！たくさん拝見して学ばせていただきますに😊🙏
何よりです！
言葉や例えがわかりやすくてすっと入ってきます、ありがとうございます😆
それはよかったです。
こんばんは。数日前からHTMLとCSSをRUclipsですが、皆さんの講義を参考にして勉強していましたが、CSSとリンク出来ず凹んでたところに今回の講義で動画を何回も止めては、実践し、漏れ落ちで失敗しながらやっと出来ました。他の動画では、divが凄く使用されていて、頭が混乱してましたが、今回の講義は、凄く分かりやすくて勉強になりました。ありがとうございました。
コメントありがとうございます。
それはよかったです。
とても分かりやすくて参考になりました。
チャンネル登録して勉強させてもらいます。
有益な動画、本当にありがとうございます！
それはよかったです！
ありがとうございます。いろいろ見られてみてください。
初めまして。
独学で勉強を始めた者です。
あちこち本を読んだりRUclips観たりしましたが
全く理解できず挫折しかけた時に
こちらに出会えました！
とっても分かりやすくて、
何度も見返しております。
難しい言葉も使わず例えも分かりやすく
いい感じにしてくれるやつとか
幸子おばちゃんの例えの下りとか大好きです笑
最高に分かりやすいです！
何度も何度も見返して勉強しております！
ありがとうございます！
他のシリーズも全部観ます^_^
コメントありがとうございます！
それはよかったです。いろいろ見られて下さいね。
HTMLとCSSの役割を大工さんに例えられてその区分けがよく分かりました。昔はhtmlだけで作っていましたけどstylesheetとしてのLinkの説明など立派な講演でした。ありがとうございます。
コメントありがとうございます。
お役にたてたならよかったです。
勉強になりました
よかったです。
ちょい語彙力がww
初めまして。
高校生の独学で勉強してるものです。
VSCodeで長い文字をペーストすると2行目から1番左に行ってしまうのですが、対処法はありますかね？良ければ教えてくれると大変嬉しいです
初めまして。
質問ですが、section id＝todyの中のh2とdivの中のh3の文字が同じ大きさになりません。
解決方法を教えて頂けると助かります。宜しくお願いいたします。
お疲れ様です。質問があるのですが動画時間の10：11ぐらいの「こうなるわけですよ」とありますがどうやったらそうなるのかがわかりません。
コードはすべて書いたのですが画像での確認の仕方がわかりません。教えていただけたら幸いです
最初のほうのセクションにiｄをかけないんですけどどうしたらできるようになりますか？
marginとpaddingの区別が難しい...
コメントありがとうございます。そうですよね！ちょっと難しいですよね。paddingとmarginをカンタン解説した動画ありますので貼っておきますね！
■padding
ruclips.net/video/ggP0BdVgqZQ/видео.html
■margin
ruclips.net/video/jdORbom-VuA/видео.html
2:37「元々用意してた画像が3枚あるので」って言ってるけど、その画像を用意する方法が分からないんですが…
フリーで使えるサイトから適当に似たようなものを保存すればいいんじゃない？練習で使う分にはそれでいいはずです。