【2025年 完全入門 その２】タグが読める！読めるぞ！HTML基礎を最速マスター！html・CSS・JSの基礎技術を極めよう！

この動画では、HTMLの知識をバッチリ修得したい方向けに、丁寧に基本操作から全て解説します！
まだ「その１」を見ていない方は、是非「その１」をご覧ください。
（この動画は「その１」の続きです）
   • 【2025年 完全入門】HTML基礎を最速マスター！スタイルシートやJavaScri...  

HTMLを習得しておくと、RPAやスクレイピングにとっても便利ですよ！
さらに、OfficeなどのソフトはWebアプリ化がどんどん進んでおり、Webアドインなどの開発のためにはHTMLは必須です。

Chrome拡張機能やKintoneなどもHTMLを用いてカスタマイズすることが出来ます。
これからの時代、生成AIがHTML等も生成してくれますが、その基礎技術を習得しているかどうかで生成AIを使いこなせるかどうかが決まります！！

HTML技術をより詳しく習得しましょう！！
この動画内でスタイルシートやJavaScriptももう一歩踏み込んだ技術を習得できます！

この動画内で「HTMLチートシート」「CSSチートシート」「JSチートシート」を紹介しています。
この動画を見てチートシートを見れば、HTML・CSS・JSをパーフェクトマスター！！

このチートシートはNotionで複製保存できますよ（もう少し下の「ダウンロードコーナー」参照）。
一緒に手を動かしてHTML技術を獲得しましょう！

全２回でHTML技術の基本を全て叩き込みます！絶対にHTMLが読めるようになります！！
ムスカのように「読める！読めるぞ！！をやりましょう！」

【ダウンロードコーナー】
・HTMLチートシート
https://firstgate.notion.site/HTML-1e...

・CSSチートシート
https://firstgate.notion.site/CSS-1e3...

・JSチートシート
https://firstgate.notion.site/JavaScr...

・ちなみに「Notionって何？」という方はこちらの動画を参照してください
Notionは最高のツールですよ！
   • 【2025年 完全入門】初めてのNotion！基本操作, Markdown, Web...  

【関連動画】
・HTML完全入門（その１）
   • 【2025年 完全入門】HTML基礎を最速マスター！スタイルシートやJavaScri...  

・Chrome拡張機能を自作（AIエージェントClineを利用）
   • 初めての「AIエージェントCline」「Chrome拡張機能開発」どちらも一緒にも習...  

【タイムライン】
0:00 はじめに
1:13 ①Glitchでその１で作ったHTMLを開く
2:23 ②色んなタグを習得（箇条書き(ol,ul,liタグ)、仕切りタグ（span,divタグ）、テーブルタグ（table,thead,tbody,tr,th,tdタグ））
14:35 ③セマンティック（header,main,footer,section,navタグ）
20:03 ④フォーム（form,label,inputタグ）
26:55 ⑤スタイルシートのLvアップ、id属性、class属性
33:26 ⑥JavaScriptのLvアップ、ボタンで動作するコード
46:10 おわりに

この動画を見れば、HTMLの基本操作を完全に理解することが出来るでしょう！
さあ、HTML技術を手に入れましょう！

【他動画の紹介コーナー】
◆すぐに今目の前の業務をちょっとでも楽にしたい！！
そんな方は、まずは「便利ツール」で紹介しているツールをお試し下さい。
すぐに成果が出ますよ！
↓便利ツールたち
   • 便利ツール！  


◆生成AIをどんどん習得したい！！
そんな方は、「生成AI」の再生リストもご覧ください！
全て「初心者でも絶対分かる」「一歩踏み込んだ内容まで習得できる」という内容になっています！
   • 生成AI  

#HTML, #Web技術 , #Webサイト , #css , #スタイルシート , #JS , #JavaScript , #ジャバスクリプト , #初心者, #入門, #初めて ,#ファーストゲート, #体験型学習