【HTML入門】#02. HTMLの属性について
HTML-код
- Опубликовано: 15 май 2017
- 本気で学ぶHTML入門講座2回目は、
HTMLに何かしらの設定やオプションを付ける
属性について学んできましょう。
■目次
・今回の概要と目標 0:13
・属性とは 0:50
・属性の種類 3:58
・lang属性を記述してみる 4:33
・練習問題 8:07
・解答例 8:54
・まとめ 10:40
■公式サイトで見る
creatorquest.jp/lessons/html/...
■属性とは
属性とは、HTMLの要素に付ける設定や
オプションのようなものです。
属性の役割や記述方法を動画内で解説しています。
■属性の種類
属性は大きく2種類あります。
・要素固有の属性
・グローバル属性
これらの違いや、主なグローバル属性を
紹介します。
■演習
属性を使った簡単な演習を行いましょう。
html要素にlang属性を指定します。
○テキストエディタ：ATOM
atom.io/
○ブラウザ：Google Chrome
www.google.co.jp/chrome/brows...
■HTML入門講座のHTMLのバージョン
基本的には、HTML 5に対応したレッスンです。
ただし、HTML5.1、XHTML1.0、HTML4.01
に対する補足説明も出来る限り行います。
■本気で学ぶ！HTML入門講座
• 本気で学ぶ！HTML入門講座
素材
・CV：さとうささら（CeVIO）
cevio.jp/
・CV：タカハシ（CeVIO）
cevio.jp/
・BGM：甘茶の音楽工房
amachamusic.chagasi.com/ 
Хобби
先生のうんっ！という声とたまに出る低い声がたまらなく好き
どんな動画よりも分かりやすかった！次はCSSをこのチャンネルで教えてもらいたい^^
急にキレ出すのほんと好き
今まで色々試しましたが、一番分かりやすく楽しんで学べてます！
凄く解りやすい。
チャンネル登録しました
もっと早くこのチャンネルを知りたかった
わかりやすくて、楽しく学べて最高です！
マジで助かります
わかりやすい！！
動画の内容を要点をまとめながらHTMLで入力。勉強させてもらっています。
本当に一番分かりやすい動画です！
ありがとうございます！
こちらこそありがとうございます
めちゃめちゃわかりやすいし二人の掛け合いがツボすぎて最高です。。
5:22ここ好き
ゲーム感覚で楽しい！
すばらしい。こんなすごい物が無料で学習できるなんて！ありがとうございます。
掛け合い、面白いです。テンポ良く進められます。Dreamweaverを使いこなせるようになりたい。
HTML勉強動画がたくさん有り色々見てみましたが、CreatorQuestさんの動画が
一番分かりやすく所々のボケとツッコミが面白い。ちょんちょん(笑)
これからも勉強させていただきます！
ありがとうございます。
ちゃんとレッスンを更新します。
動画をありがとうございます。
ちゃんと学んで、実践したいです。
面白い♪
テックアカデミーさんの教材と併用して勉強しています🥺
めちゃくちゃ分かりやすくてサクサク進めています!!
もっと早くこのチャンネル知りたかったよ😭
ありがとうございます！
素晴らしい動画に感謝です
ありがとうございます
二人の掛け合いが面白いです(^^)/
練習問題の一時停止中BGMとかがドラ○エっぽくて好き…
とりあえず、このチャンネルのやつ全クリするわ。
pagesをlinkさせていただきました。
メモ帳派だからちょっとめんどくさいけどダブルクォーテーションはミスってない
おっすよろしくお願いします
指定するとどんなメリットがあるのでしょうか？
「君も優しいwebクリエイターになるんだよ」の後の「分かりました」絶対分かってないwww
こんにちは！
素晴らしいコンテンツをありがとうございます。
windowsでATOMを使って学習しているのですが、ダウンロードした教材のHTMLファイルをATOMの新規ファイルにドラッグでコピーすることができません。ドラッグしてATOMの画面のの上までもっていくことができるんですが、離すと消えてしまいます。
IOS専用の教材なのでしょうか。
ご返答よろしくお願いします！
Windowsでもアイコンの上にドラックでできるかと思います。
僕もWindowsで出来ないんですけどどうすればいいんですか？
zipファイルを解凍（全て展開）してから試してみて下さい。
高知高等技術行きたい
lang属性を付けて書かれている言語をコンピューターに教えることで検索の精度に貢献すると予想
自動翻訳や、スクリーンリーダーが読み上げる際に、その言語のイントネーションで読み上げてくれたりします😊
なるほど、htmlには属性というものがあるんですね！
よし！覚えた。
でも、#1でやった事忘れかけてるから...(-_-;)
そうなんです。
HTMLには、属性というものがあるんです。
反復練習がとても大事なので出来る限り毎日HTMLと触れ合って下さいね。
indexファイルがエクスプローラになっていてアトムにドラッグできないのですがどうしたら良いのでしょうか？
どういうことでしょうか？
低い声で突っ込むのがたまらなく好き
その声で罵られないよォԅ(//́Д/̀/ԅ)ﾊｧﾊｧ♡
何のためにlang属性を付けるんですか？
機械にもこのページの言語が、何語かを伝える為ですかね。
グローバルTPSで草
lang属性つけて保存しても変わらないんですが…教えてください汗
何が変わらないんでしょうか？
vol1に比べたら一気にコメント減ったやん、、、
皆やってないのかな
俺には向いてないって感じやろな...授業やから強制なうやけど！！
グローバルストーンwwww
グローバルストーンじゃなくて、
グローバル属性なんだわーw
わかる？わからないならわかるまで説明するしーw
やっぱりw 勉強で拝見させていただいてましたが途中で吹きました
わかる人しかわからないやつ
long属性は草
始めたばかり解らないんだけど、"や:はどんな時に使うの？必要不必要がごちゃごちゃしてしまう
練習問題をやりましたが、英語になりません…(;o;)
英語にはならないです。
英文を書くときはlang属性をenにしましょうという問題になります。
@@CreatorQuest あ！そうなんですね！！ちゃんと理解出来てませんでした…返信ありがとうございます！！☆
これただって・・・
ログインの仕方が分からないのですが...
サイトですかね？
サイトはメニューの「続きからはじめる」を選ぶとログインできます。
ちゃんとenに書き換えたけど、日本語になります、、、。なぜでしょうか？
lang属性はその要素の中にある文章がどの言語なのかをブラウザやスクリーンリーダー（音声読み上げソフト）に伝える属性であり、文章をその言語に変更する属性ではないんです。
この属性を使うことで、自動翻訳ソフトなどが元の言語を判断したり、スクリーンリーダーが文章を読み上げる際のイントネーションをその言語に合わせたりするなどの用途に利用されます。
....... куда я попал
11:19 うるさい
ボーカロイドの声と人の声との掛け合いに違和感が…なので低評価…
ボカロが嫌いってはっきり分かんだね。
そうです。
どっちも、CeVIOです。