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