【HTML入門】#02. HTMLの属性について

Тәжірибелік нұсқаулар және стиль

本気で学ぶ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/

Пікірлер: 71

@s.k.28153 жыл бұрын
先生のうんっ！という声とたまに出る低い声がたまらなく好き
@user-nc2pp3or4i4 жыл бұрын
どんな動画よりも分かりやすかった！次はCSSをこのチャンネルで教えてもらいたい^^
@user-mh5gb1ld1n2 жыл бұрын
急にキレ出すのほんと好き
@user-hs9tc8il8u4 жыл бұрын
今まで色々試しましたが、一番分かりやすく楽しんで学べてます！
@marupikopiko2 жыл бұрын
凄く解りやすい。チャンネル登録しましたもっと早くこのチャンネルを知りたかった
@heart.99994 жыл бұрын
本当に一番分かりやすい動画です！ありがとうございます！
@CreatorQuest
4 жыл бұрын
こちらこそありがとうございます
@tacochandau3 жыл бұрын
めちゃめちゃわかりやすいし二人の掛け合いがツボすぎて最高です。。
@user-yp6td9dg3x
2 жыл бұрын
5:22ここ好き
@moriyama. Жыл бұрын
わかりやすくて、楽しく学べて最高です！
@Kokinme2964 жыл бұрын
マジで助かります
@user-ud9cn6yc5r2 жыл бұрын
すばらしい。こんなすごい物が無料で学習できるなんて！ありがとうございます。掛け合い、面白いです。テンポ良く進められます。Dreamweaverを使いこなせるようになりたい。
@user-cg8zs1hb2x3 жыл бұрын
わかりやすい！！
@kujohn8126 жыл бұрын
HTML勉強動画がたくさん有り色々見てみましたが、CreatorQuestさんの動画が一番分かりやすく所々のボケとツッコミが面白い。ちょんちょん(笑) これからも勉強させていただきます！
@CreatorQuest
6 жыл бұрын
ありがとうございます。ちゃんとレッスンを更新します。
@izumi-0524
3 жыл бұрын
動画をありがとうございます。ちゃんと学んで、実践したいです。
@su26484 жыл бұрын
ゲーム感覚で楽しい！
@user-gf1np1hc4j Жыл бұрын
動画の内容を要点をまとめながらHTMLで入力。勉強させてもらっています。
@____towaa2 жыл бұрын
テックアカデミーさんの教材と併用して勉強しています🥺 めちゃくちゃ分かりやすくてサクサク進めています!! もっと早くこのチャンネル知りたかったよ😭
@CreatorQuest
2 жыл бұрын
ありがとうございます！
@user-em9xz6wi3x4 жыл бұрын
素晴らしい動画に感謝です
@CreatorQuest
4 жыл бұрын
ありがとうございます
@wake7674 жыл бұрын
面白い♪
@user-bo9mv4ei3r3 жыл бұрын
とりあえず、このチャンネルのやつ全クリするわ。
@user-bp4kr7di8n3 жыл бұрын
練習問題の一時停止中BGMとかがドラ○エっぽくて好き…
@itigo7813 жыл бұрын
二人の掛け合いが面白いです(^^)/
@007nanden3 жыл бұрын
pagesをlinkさせていただきました。
@kca_uhj4 жыл бұрын
メモ帳派だからちょっとめんどくさいけどダブルクォーテーションはミスってない
@note53963 жыл бұрын
「君も優しいwebクリエイターになるんだよ」の後の「分かりました」絶対分かってないwww
@LOTTE_XylitolGum_143g Жыл бұрын
lang属性を付けて書かれている言語をコンピューターに教えることで検索の精度に貢献すると予想
@CreatorQuest
Жыл бұрын
自動翻訳や、スクリーンリーダーが読み上げる際に、その言語のイントネーションで読み上げてくれたりします😊
@LIFE-lb9eq6 жыл бұрын
おっすよろしくお願いします
@user-tk5ep8iv3z3 жыл бұрын
高知高等技術行きたい
@user-gj5nq7ux3s3 жыл бұрын
指定するとどんなメリットがあるのでしょうか？
@user-yn1yg4mo7x6 жыл бұрын
なるほど、htmlには属性というものがあるんですね！よし！覚えた。でも、#1でやった事忘れかけてるから...(-_-;)
@CreatorQuest
6 жыл бұрын
そうなんです。 HTMLには、属性というものがあるんです。反復練習がとても大事なので出来る限り毎日HTMLと触れ合って下さいね。
@user-nc1om9jw6e5 жыл бұрын
低い声で突っ込むのがたまらなく好きその声で罵られないよォԅ(//́Д/̀/ԅ)ﾊｧﾊｧ♡
@user-qs4jy2lj5b4 жыл бұрын
こんにちは！素晴らしいコンテンツをありがとうございます。 windowsでATOMを使って学習しているのですが、ダウンロードした教材のHTMLファイルをATOMの新規ファイルにドラッグでコピーすることができません。ドラッグしてATOMの画面のの上までもっていくことができるんですが、離すと消えてしまいます。 IOS専用の教材なのでしょうか。ご返答よろしくお願いします！
@CreatorQuest
4 жыл бұрын
Windowsでもアイコンの上にドラックでできるかと思います。
@user-iz1lf2um8e
3 жыл бұрын
僕もWindowsで出来ないんですけどどうすればいいんですか？
@CreatorQuest
3 жыл бұрын
zipファイルを解凍（全て展開）してから試してみて下さい。
@user-ze9il1zb6v3 жыл бұрын
indexファイルがエクスプローラになっていてアトムにドラッグできないのですがどうしたら良いのでしょうか？
@CreatorQuest
3 жыл бұрын
どういうことでしょうか？
@user-nb7uq9qh9m4 жыл бұрын
何のためにlang属性を付けるんですか？
@CreatorQuest
4 жыл бұрын
機械にもこのページの言語が、何語かを伝える為ですかね。
@user-jm7qu1ro5k4 жыл бұрын
vol1に比べたら一気にコメント減ったやん、、、皆やってないのかな
@user-rr5yp9nr5m
4 жыл бұрын
俺には向いてないって感じやろな...授業やから強制なうやけど！！
@user-ly1rp1ch9k4 жыл бұрын
グローバルTPSで草
@jsons33376 жыл бұрын
グローバルストーンwwww
@CreatorQuest
6 жыл бұрын
グローバルストーンじゃなくて、グローバル属性なんだわーw わかる？わからないならわかるまで説明するしーw
@jsons3337
6 жыл бұрын
やっぱりw　勉強で拝見させていただいてましたが途中で吹きましたわかる人しかわからないやつ
@user-rz8gl6qy1w3 жыл бұрын
これただって・・・
@masa-mm2xg3 жыл бұрын
始めたばかり解らないんだけど、"や:はどんな時に使うの？必要不必要がごちゃごちゃしてしまう
@romanisu_game3 жыл бұрын
long属性は草
@ryotsuitsuanime4 жыл бұрын
lang属性つけて保存しても変わらないんですが…教えてください汗
@CreatorQuest
4 жыл бұрын
何が変わらないんでしょうか？
@user-qn5oc2bq4u4 жыл бұрын
ログインの仕方が分からないのですが...
@CreatorQuest
4 жыл бұрын
サイトですかね？サイトはメニューの「続きからはじめる」を選ぶとログインできます。
@user-uy6nc5vc9m4 жыл бұрын
練習問題をやりましたが、英語になりません…(;o;)
@CreatorQuest
4 жыл бұрын
英語にはならないです。英文を書くときはlang属性をenにしましょうという問題になります。
@user-uy6nc5vc9m
4 жыл бұрын
@@CreatorQuest あ！そうなんですね！！ちゃんと理解出来てませんでした…返信ありがとうございます！！☆
@user-xu5ns9ff6x Жыл бұрын
ちゃんとenに書き換えたけど、日本語になります、、、。なぜでしょうか？
@CreatorQuest
Жыл бұрын
lang属性はその要素の中にある文章がどの言語なのかをブラウザやスクリーンリーダー（音声読み上げソフト）に伝える属性であり、文章をその言語に変更する属性ではないんです。この属性を使うことで、自動翻訳ソフトなどが元の言語を判断したり、スクリーンリーダーが文章を読み上げる際のイントネーションをその言語に合わせたりするなどの用途に利用されます。
@poponi41283 жыл бұрын
11:19 うるさい
@user-mk2nz7br2m2 жыл бұрын
....... куда я попал
@rinaotsuka79944 жыл бұрын
ボーカロイドの声と人の声との掛け合いに違和感が…なので低評価…
@user-zc6si8eb5h
4 жыл бұрын
ボカロが嫌いってはっきり分かんだね。
@CreatorQuest
4 жыл бұрын
そうです。どっちも、CeVIOです。