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