【2025年 完全入門 その2】タグが読める!読めるぞ!HTML基礎を最速マスター!html・CSS・JSの基礎技術を極めよう!
Автор: ファーストゲートITチャンネル
Загружено: 2025-05-01
Просмотров: 145
この動画では、HTMLの知識をバッチリ修得したい方向けに、丁寧に基本操作から全て解説します!
まだ「その1」を見ていない方は、是非「その1」をご覧ください。
(この動画は「その1」の続きです)
• 【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技術を獲得しましょう!
全2回で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完全入門(その1)
• 【2025年 完全入門】HTML基礎を最速マスター!スタイルシートやJavaScri...
・Chrome拡張機能を自作(AIエージェントClineを利用)
• 初めての「AIエージェントCline」「Chrome拡張機能開発」どちらも一緒にも習...
【タイムライン】
0:00 はじめに
1:13 ①Glitchでその1で作った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 , #ジャバスクリプト , #初心者, #入門, #初めて ,#ファーストゲート, #体験型学習
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: