【HTML入門】#01. HTMLの基本を学ぼう！
Вставка
- Опубліковано 3 жов 2024
- 本気で学ぶHTML入門講座1回目は、
HTMLの基本を学習しましょう。
■目次
・今回の概要と目標 0:27
・HTMLとは 0:51
・開発環境 6:00
・タグの基礎知識 12:05
・HTMLの全体構造 19:43
・はじめてのHTML 22:11
・コードをみやすくする 28:33
・練習問題 30:17
・解答例 31:07
・まとめ 34:26
■公式サイトで見る
creatorquest.j...
■HTMLとは
HTMLはHyperText Markup Languageの略で、
WEBサイトの文書構造を表す言語です。
文章構造を表す言語とは一体どういう言語なのか、
ということを動画で解説しています。
■開発環境
HTMLの開発に必要な
テキストエディタと、ブラウザについて解説しています。
なお、このレッスンでは以下のソフト利用しています。
○テキストエディタ：ATOM
atom.io/
○ブラウザ：Google Chrome
www.google.co....
■はじめてのHTML
HTMLの基本となる以下の4つの要素の書き方と役割について
説明します。
・html
・head
・body
・title
■HTML入門講座のHTMLのバージョン
基本的には、HTML 5に対応したレッスンです。
ただし、HTML5.1、XHTML1.0、HTML4.01
に対する補足説明も出来る限り行います。
■本気で学ぶ！HTML入門講座
• 本気で学ぶ！HTML入門講座
■CreatorQuestの中の人のオンラインサロン
camp-fire.jp/p...
素材
・CV：さとうささら（CeVIO）
cevio.jp/
・CV：タカハシ（CeVIO）
cevio.jp/
・BGM：甘茶の音楽工房
amachamusic.cha...
説明が分かりやすい！
22:12～HTMLの実践
本当いい時代になったな
プログラミングを勉強し仕事に生かせるアプリを作る事を決意した55歳です。Pythonのテキストが届くのは連休明けなのでそれまでに他の言語を少しでもかじりたいと思い動画を見せてもらいました！
本当にわかりやすく感動しました。
1:56
こういうの見てると
自分が書けた時に「自分凄い・・・」って言いたくて
ただいま勉強中です
HTMLガチ初心者でも、ものすごく分かりやすかっです！
恐ろしい程分かりやすいですね。
このような素晴らしい教材を
公開して頂きありがとうございます！
参考にさせていただきます。
プログラミングの勉強をしようと思い、教材を探していたのですがまさかUA-camにこんなにいいものがあったとは！
なにこれわかりやす過ぎて爆発しそう。
こんなん無料とかスクール泣かせすぎ。
神か（語彙力）
ところどころの「え？」が好き
最近になって勉強し始めました。素晴らしい💛の一言です。
先に〇ットインストールを見ていたのですが、なんだか3分間以内の動画にこだわっているのか知りませんが「こうやれば、出来ます。これを入れればうまくいきます。」という簡略化した説明で置いてきぼり感が凄かったです（講師のしゃべり方もボソボソだし）。それに比べてこちらのレッスンは入門レッスンとして非常にわかりやすくまとめられていて質が高いと思います。これまからも参考にさせていただき、登録者が伸びるように周りのクリエイター系を目指してる方にも紹介したいと思います。この動画に出会えて嬉しいです。
めちゃくちゃ褒めて頂きありがとうございます！！
これからも更新頻度は遅いですが、
頑張って更新します！！
この動画本当に理解しやすい。
もっと伸びるべき
ありがとうございます😊
9:07
ここの言い方めっちゃ好き
わかりやすいです
映像に無駄がなさ過ぎて素晴らしい
ありがとうございます。
赤髪の話ほんと好き
こういう人居て本当に良かった
急に専門用語持ってくる動画とかざらにあるけどこの動画はサルでもわかるね。神
パソコン初心者なのでアプリのダウンロードからずっとにらめっこして2時間経ってようやく書けました
最高の説明です！
ほぼHTMLの解説動画みてたけどここまでわかりやすいものがあるとは知らなかった…是非とも拡散したいレベル…
2人の会話が楽しく、尚且つかなりわかりやすい！
是非CSSとか他の言語もやっていただきたいです！！
内容が細かく、Progateでわからない情報を補完してくれるのが嬉しい✨
見出しではないのに見出しのタグを使わないようにしましょう、のような当たり前のことも、この動画を見るまでよくわかっていなかったので助かります🤗
音楽も最高です♪
こちらを見て約半月・・
htmlを詳しく教えていただき、無事、簡単なwebページなら作れるようになりました。
今は動的ページ？というものを作れるように、日々精進しております。
わかりやすい説明助かりました、ありがとうございます。
まだこちらで習ってない部分は、詳しい友達や独学で少しだけ覚えましたが、こちらで動画更新されたら復習がてらに絶対見に来ます。
頑張ってください。応援してます！
そうなんですね。お役に立てて光栄です。
CSSとかの動画も早くだせるように頑張ります。
動的ページはPHPですか？
CSSは、まだまだ分からないことが多々ありますので、こちらの動画でより詳しく知りたいと思っております。
知れば知るほど、あれはどうやるんだろうこれはどうなってるんだ？と日々疑問ばかり浮かんでいますが、楽しいです。
動的ページのほうの質問ですが・・
まだまだ勉強中でよくわかっていないのですが、Ruby言語？というものを友達に勧められ勉強中ですが、難しく頭を抱えております
CSSもやるんで、見てくださいね。
急ぎの場合は、オンラインサロンでやるのでよかったらどうぞ。
Rubyなんですね。
プログラムは最初難しいですよね。
演算、変数、条件分岐、反復、関数
この辺りを理解されると、ほかのプログラミング言語の習得もしやすくなるので、頑張って下さいね。
ご回答ありがとうございました。
いえいえ、こちらこそコツを教えていただきありがとうございます。
今後ともこちらの動画にはお世話になります！
告知部分のオンラインサロンのほうのページを拝見させて頂きました、javascriptのほうも予定されてるみたいですね！
オンラインサロン？というのは恥ずかしながらよくわかっていないのですが・・・
JavascriptのJQuery？には興味があったので、Rubyのほうがひと段落ついたら拝見しようと思います。
オンラインサロンは、もう、オンラインでWebの学校やっちゃおう。というノリで公開しました。Facebookグループを使ってライブ授業をやったりします。コメントで対話しながら進めれるので、一方的な授業にはならないし、実際にサイトを作ったりすることで、実績もつくかなぁと考えています。
まぁ、有料なんであんまりあれですが、
もし、ご興味があればどうぞです。
もっと早くこのチャンネルを
見つけたかった…
こんなにもわかりやすい動画が
あったなんて！最高です！
うん！がかわいい
歴史的著名な方から！恐縮です！
中学生のガキッズです。
若いっていいですね。
先にこれを知れて良かったです。
感謝します。ひろゆきさん
会話のおかげでちょっと疑問に思ったことが簡単に知れていい！
外国人でもわかりやすくてありがどうございました❤
パソコンこれから買うど素人でもわかるほどわかりやすくてこれが無料でみれるとか凄い。ありがとうございます。
こちらこそありがとうございます
どっとインストールやその他の動画を見てきましたがここの動画が一番わかりやすかったです
わかりやすかったです！
復習バッチリで草
所々面白いから飽きない！
初めて、画面が出ました。ありがとうございます！
今日名古屋で武器になるHTML本を買いました!先生の口座がわかりやすく面白かったので…これからよろしくお願いします!
武器になるHTMLのご購入ありがとうございます😭こちらこそ、これからもよろしくお願い致します！
外国人の私でもわかりました。 感謝です。
基本内容とは言え外国語で専門分野理解できるあなたが強すぎるんやで…（誉め言葉）
授業動画として非常に完成度が高いと思います
7:53 ところどころセリフの抑揚がおかしかったりして、ふふってなるのに、ここで急にボケてきたから吹いてしまった笑
ｳﾝ!がかわいい
恐ろしいくらい完成度の高い動画!!HTMLもろとも勉強になるます!!
「伝 説 の」←ここ重要
先生！覚えました！
本気で頑張ってみます。
webクリエイターの職業訓練校で半年間学習したのですが、いまいちスキルを自分のものにできなかったので、学び直しています。
初心者でも食い付き易いようにネタを交えつつ、丁寧に説明されていて、とても助かります。
一度は諦めかけましたが、この動画を観ながら基礎から学び直し、もう一度webの道を目指してみようと思います。
ありがとうございます。
職業訓練は毎日みっちり詰め込みですもんね。是非、今後もCreatorQuestを活用して頂ければと思います。
HTML意味わからず、挫折しかけてた中でこの動画に出会えました。説明がわかりやすい！！そして面白い。
とても参考になりました！ありがとうございます。
３ヶ月前に変な質問をしたものです。昨日、全部終了する事ができました。有り難うございました。感無量。この二人のやりとりの面白さで挫折する事なく出来ました。１７回終わった時とても寂しかったです。この二人のコンビでまたCSSや、JavaScriptを作っていただけると嬉しいです。有料でも良いので。今、CSSの勉強を始めています。一緒にタイピングの練習も始めました。たぶん同じ方が作っているサイトです。とにかくわかりやすい。それと、実践、勉強の二本立て、ここが良いです。ばかの私でも繰り返し、繰り返し何回見たかなあ？やっていくうちに出来ます。もし、視聴者の方で、若い方、タダだし、ぜひ挑戦して欲しい。面白くなっていく。Dummy Cafeを赤くしたら感動したよお！このページは消さない。
本当にありがとう！
おおお！よかったです。
また続きやCSSなども頑張って行きます！！
ありがとうございます
こういう動画、ありがたい！
善良で、助かります。ありがとうございます。😃
すごくわかりやすいです！！そして、ちょいちょい面白くて、最高です！！
オンラインスクール通うつもりでしたけど、こちらで勉強させて頂きます。ありがとうございます。
わかりやすいナリ
この動画の男性のボイスが
ミラクルスーパーカッコいいナリ
ありがとナス
ありがとうございます。
なんせ僕は、伝説のWebクリエーターになる男ですからね。
@@CreatorQuest 彼は皮肉を混ぜて言ってるのだと思いますよ。
「尊師MMD」もしくは「無能弁護士」で調べれば大体の事は分かります。
僕は学生なのですが、htmlをやってみたくてこの動画にたどり着きました。
とても分かりやすくて素晴らしいと思います！！
ありがとうございます。
嬉しいです😭
自分には、人が話してる動画よりも聞きやすいし、とてもわかりやすい！
CSSとかJavaScriptのも出して欲しい…
ありがとうございます。
CSSやJavaScriptはもちろん、デザインの考え方などの講座も出す予定です。
定期的に来る
へ↑え〜が好き笑笑
勉強させていただいています。
わかりやすいです👍
本当にありがとうございます！活用させていただきます！！
素晴らしい
めっちゃ分かりやすいー！勉強させていただきます！！
青クマのコメント
うん
の言い方が好き
いや最高かよ。ありがとう。
分かりやすすぎる。めっちゃありがたい🙏
めちゃくちゃわかりやすかっったです！ありがとうございます😊
初めてこういうのに触れるのでこの動画助かります
できた。
大変助かります
このチャンネルいいよね。
何気に見たけどこれは凄い！とても解りやすい。
ありがとうございます🙇🏾♂️
赤髪のWEBクリエーターでシャンクスぽいと思ったらほんまにワンピースやったw
本当にわかりやすい！！
こういう動画求めてた♡
ありがとうございます！！
説明がご丁寧で分かりやすいです^_^
World Wide Web
⇒世界中に張り巡らされた蜘蛛の巣🕸
・・・なるほど！
参考になりました！ありがとうございます😊
二人のやりとり面白いわ(笑)
動画の作り込まれ度が凄いです...
ありがとうございます
これなら いけそう！
「鉄腕アト...」
「ちがう」
7:52 くらいですな
この講座私も受けてる かなり良い
先生かわいいし、生徒面白いしわかりやすいです笑
すげぇ、、、
プログラミング初めてだけどすごい簡単でハマりそうです!!
たまにアホになるの好き笑笑
とても分かりやすかったです…！！！
めちゃくちゃ面白い！！！
+ナナコミ
ありがとうございます。
そう言っていただけると励みになります。
とてもわかりやすいです！
とてもわかり易く、声がいつも聴く声だから助かります！！！
あとやっぱどこの界隈でもタカハシには辛辣なんだなぁ…（納得）
わかりやすいです😊
め、めちゃくちゃ分かりやすい…。
UA-camの他の講座も見たけど、これが一番分かりやすかった‼️続けてみて行きます、ありがとうございます😆‼️
シャンクスストーリー、最高！チャンネル登録します^_^
飽きないｗｗｗ
わかりやすっ
ありがとうございます😊
途中のワンピースの話普通におもろい
めっっっっちゃわかりやすいです😢
ありがとうございます
aprender HTML e japonês de uma vez só>>>>>>>
すごい!!
神だわ
棒読み君の反応がいちいち面白い
説明が初心者にとてもわかりやすいです。やってみようという気になりました!ＣＳＳも興味出ました
ありがとうございます😊
素晴らしい動画ありがどうございます！
すごく分かりやすく、
解説の後に問題があるのも、
学んだ後にすぐアウトプットできるので助かります。
これからも学ばせて頂きます！
神動画
「拡張子」が「かっちょ良し」に聞こえて、可愛いってニヤついてしまった。笑
少しhtml,cssを触れた事がありますが、評判がいいのでこちらのサービスを利用して学習させていただきます！
やばい！できた！！
神！！ありがとうございます。今日から習い始めです＾＾すっごく分かりやすい
今から習い始めるのですが感想を聞きたいです。
イゼエモ あとすこししたら始めるのですが感想をききたいです
@@んなの-i1x 今すぐ始めたいので感想を聞きたいです
「ﾍｰ」で毎回笑うw
へー
ささらとタハカシの掛け合いが面白いです。ゲーム実況見てるよう。
勉強になります
ありがとう