【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の実践
こういう動画、ありがたい!
プログラミングの勉強をしようと思い、教材を探していたのですがまさかRUclipsにこんなにいいものがあったとは!
もっと早くこのチャンネルを
見つけたかった…
こんなにもわかりやすい動画が
あったなんて!最高です!
初めて、画面が出ました。ありがとうございます!
本当にありがとうございます!活用させていただきます!!
HTMLガチ初心者でも、ものすごく分かりやすかっです!
ほぼHTMLの解説動画みてたけどここまでわかりやすいものがあるとは知らなかった…是非とも拡散したいレベル…
めっちゃ分かりやすいー!勉強させていただきます!!
分かりやすすぎる。めっちゃありがたい🙏
とても分かりやすかったです…!!!
本当いい時代になったな
めちゃくちゃわかりやすかっったです!ありがとうございます😊
いや最高かよ。ありがとう。
ところどころの「え?」が好き
こういう人居て本当に良かった
どっとインストールやその他の動画を見てきましたがここの動画が一番わかりやすかったです
所々面白いから飽きない!
内容が細かく、Progateでわからない情報を補完してくれるのが嬉しい✨
見出しではないのに見出しのタグを使わないようにしましょう、のような当たり前のことも、この動画を見るまでよくわかっていなかったので助かります🤗
音楽も最高です♪
とても参考になりました!ありがとうございます。
恐ろしいくらい完成度の高い動画!!HTMLもろとも勉強になるます!!
善良で、助かります。ありがとうございます。😃
すごくわかりやすいです!!そして、ちょいちょい面白くて、最高です!!
9:07
ここの言い方めっちゃ好き
プログラミングを勉強し仕事に生かせるアプリを作る事を決意した55歳です。Pythonのテキストが届くのは連休明けなのでそれまでに他の言語を少しでもかじりたいと思い動画を見せてもらいました!
本当にわかりやすく感動しました。
1:56
こういうの見てると
自分が書けた時に「自分凄い・・・」って言いたくて
ただいま勉強中です
プログラミング初めてだけどすごい簡単でハマりそうです!!
「伝 説 の」←ここ重要
先生!覚えました!
本気で頑張ってみます。
素晴らしい
わかりやすいです😊
先生かわいいし、生徒面白いしわかりやすいです笑
すげぇ、、、
できた。
大変助かります
授業動画として非常に完成度が高いと思います
とてもわかりやすいです!
2人の会話が楽しく、尚且つかなりわかりやすい!
是非CSSとか他の言語もやっていただきたいです!!
恐ろしい程分かりやすいですね。
このような素晴らしい教材を
公開して頂きありがとうございます!
参考にさせていただきます。
本当にわかりやすい!!
こういう動画求めてた♡
ありがとうございます!!
勉強させていただいています。
わかりやすいです👍
HTML意味わからず、挫折しかけてた中でこの動画に出会えました。説明がわかりやすい!!そして面白い。
わかりやっすす
オンラインスクール通うつもりでしたけど、こちらで勉強させて頂きます。ありがとうございます。
この動画本当に理解しやすい。
もっと伸びるべき
ありがとうございます😊
赤髪の話ほんと好き
なにこれわかりやす過ぎて爆発しそう。
こんなん無料とかスクール泣かせすぎ。
神か(語彙力)
会話のおかげでちょっと疑問に思ったことが簡単に知れていい!
飽きないwww
初めてこういうのに触れるのでこの動画助かります
パソコン初心者なのでアプリのダウンロードからずっとにらめっこして2時間経ってようやく書けました
最高の説明です!
わかりやすいです
映像に無駄がなさ過ぎて素晴らしい
ありがとうございます。
説明が初心者にとてもわかりやすいです。やってみようという気になりました!CSSも興味出ました
急に専門用語持ってくる動画とかざらにあるけどこの動画はサルでもわかるね。神
神だわ
めちゃくちゃ面白い!!!
+ナナコミ
ありがとうございます。
そう言っていただけると励みになります。
め、めちゃくちゃ分かりやすい…。
神動画
シャンクスストーリー、最高!チャンネル登録します^_^
何気に見たけどこれは凄い!とても解りやすい。
ありがとうございます🙇🏾♂️
素晴らしい動画ありがどうございます!
すごく分かりやすく、
解説の後に問題があるのも、
学んだ後にすぐアウトプットできるので助かります。
これからも学ばせて頂きます!
ありがとうございます😊
7:53 ところどころセリフの抑揚がおかしかったりして、ふふってなるのに、ここで急にボケてきたから吹いてしまった笑
ウン!がかわいい
わかりやしー
二人のやりとり面白いわ(笑)
勉強になります
わかりやすっ
ありがとうございます😊
少しhtml,cssを触れた事がありますが、評判がいいのでこちらのサービスを利用して学習させていただきます!
わかりやすかったです!
復習バッチリで草
パソコンこれから買うど素人でもわかるほどわかりやすくてこれが無料でみれるとか凄い。ありがとうございます。
こちらこそありがとうございます
たまにアホになるの好き笑笑
RUclipsの他の講座も見たけど、これが一番分かりやすかった‼️続けてみて行きます、ありがとうございます😆‼️
最近になって勉強し始めました。素晴らしい💛の一言です。
先に〇ットインストールを見ていたのですが、なんだか3分間以内の動画にこだわっているのか知りませんが「こうやれば、出来ます。これを入れればうまくいきます。」という簡略化した説明で置いてきぼり感が凄かったです(講師のしゃべり方もボソボソだし)。それに比べてこちらのレッスンは入門レッスンとして非常にわかりやすくまとめられていて質が高いと思います。これまからも参考にさせていただき、登録者が伸びるように周りのクリエイター系を目指してる方にも紹介したいと思います。この動画に出会えて嬉しいです。
めちゃくちゃ褒めて頂きありがとうございます!!
これからも更新頻度は遅いですが、
頑張って更新します!!
定期的に来る
へ↑え〜が好き笑笑
外国人でもわかりやすくてありがどうございました❤
この講座私も受けてる かなり良い
めっっっっちゃわかりやすいです😢
ありがとうございます
やばい!できた!!
僕は学生なのですが、htmlをやってみたくてこの動画にたどり着きました。
とても分かりやすくて素晴らしいと思います!!
ありがとうございます。
嬉しいです😭
ささらとタハカシの掛け合いが面白いです。ゲーム実況見てるよう。
おもしろい!!!
うん!がかわいい
歴史的著名な方から!恐縮です!
外国人の私でもわかりました。 感謝です。
基本内容とは言え外国語で専門分野理解できるあなたが強すぎるんやで…(誉め言葉)
とてもわかり易く、声がいつも聴く声だから助かります!!!
あとやっぱどこの界隈でもタカハシには辛辣なんだなぁ…(納得)
動画の作り込まれ度が凄いです...
ありがとうございます
中学生のガキッズです。
若いっていいですね。
先にこれを知れて良かったです。
感謝します。ひろゆきさん
このチャンネルマジで分かりやすいんだがw
ありがとう
私自身オンラインスクールに通っていて分からないことだらけでしたがこのチャンネルはとても分かりやすかったです。
HTML以外にもCSSやJavaScript、PHPも観たいと思ったのですがそういった動画はありますでしょうか?
これなら いけそう!
説明がご丁寧で分かりやすいです^_^
World Wide Web
⇒世界中に張り巡らされた蜘蛛の巣🕸
・・・なるほど!
参考になりました!ありがとうございます😊
わかりやすい」
「拡張子」が「かっちょ良し」に聞こえて、可愛いってニヤついてしまった。笑
わかりやすいナリ
この動画の男性のボイスが
ミラクルスーパーカッコいいナリ
ありがとナス
ありがとうございます。
なんせ僕は、伝説のWebクリエーターになる男ですからね。
@@CreatorQuest 彼は皮肉を混ぜて言ってるのだと思いますよ。
「尊師MMD」もしくは「無能弁護士」で調べれば大体の事は分かります。
神!!ありがとうございます。今日から習い始めです^^すっごく分かりやすい
今から習い始めるのですが感想を聞きたいです。
イゼエモ あとすこししたら始めるのですが感想をききたいです
@@user-dr2wk1nt1r 今すぐ始めたいので感想を聞きたいです
このチャンネルいいよね。
3ヶ月前に変な質問をしたものです。昨日、全部終了する事ができました。有り難うございました。感無量。この二人のやりとりの面白さで挫折する事なく出来ました。17回終わった時とても寂しかったです。この二人のコンビでまたCSSや、JavaScriptを作っていただけると嬉しいです。有料でも良いので。今、CSSの勉強を始めています。一緒にタイピングの練習も始めました。たぶん同じ方が作っているサイトです。とにかくわかりやすい。それと、実践、勉強の二本立て、ここが良いです。ばかの私でも繰り返し、繰り返し何回見たかなあ?やっていくうちに出来ます。もし、視聴者の方で、若い方、タダだし、ぜひ挑戦して欲しい。面白くなっていく。Dummy Cafeを赤くしたら感動したよお!このページは消さない。
本当にありがとう!
おおお!よかったです。
また続きやCSSなども頑張って行きます!!
ありがとうございます
今日名古屋で武器になるHTML本を買いました!先生の口座がわかりやすく面白かったので…これからよろしくお願いします!
武器になるHTMLのご購入ありがとうございます😭こちらこそ、これからもよろしくお願い致します!
赤髪のWEBクリエーターでシャンクスぽいと思ったらほんまにワンピースやったw
棒読み君の反応がいちいち面白い
スマホで拝見していたのですが、とても分かりやすく面白いので、パソコンでやってみようと思います。でもいきなり教材ダウンロードできない💧なんで?
頑張ります。。
先生の「うん」かわいい