【超入門】たった20分でまるわかり!HTMLをはじめてみよう【HTML・CSS コーディング】

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ก.ย. 2024

ความคิดเห็น • 66

  • @webgodweb
    @webgodweb  4 ปีที่แล้ว +6

    〈目次〉
    ・オープニング 0:00
    ・今回の概要 0:38
    ・タグと要素 1:02
    ・入れ子ルール 3:27
    ・終了タグが存在しないタグ 4:34
    ・属性 7:35
    ・コメント行の入れ方 10:03
    ・「class」属性と「id」属性とは? 11:15
    ・よく使うタグを覚えよう 15:26
    ・「div」タグと「span」タグ 17:08

  • @ptptsoushu
    @ptptsoushu 2 หลายเดือนก่อน

    今までプログラミングはするけどHTMLとは無縁だったのですが、WEBアプリを作ることになりHTMLの勉強が必要になりました。わかりやすくて勉強になりました。ありがとうございました

  • @user-md8cy9rv7v
    @user-md8cy9rv7v 2 ปีที่แล้ว

    韓国から来た留学生です!おかげさまでWEBの勉強とそれに必要な日本語も勉強できています!ありがとうございます。

  • @kiki7263
    @kiki7263 3 ปีที่แล้ว +2

    いいねはたまにしかつけないですし、TH-camのコメント、初ですがそれぐらいわかりやすい動画で感動しました!
    今後も動画楽しみにしています!

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว +1

      とても嬉しいお言葉、ありがとうございます!☺️
      今後もお役に立てるように更新がんばっていきますので、ご視聴いただけると嬉しいです!

  • @user-jw4oh9jo8p
    @user-jw4oh9jo8p 4 หลายเดือนก่อน

    平坦な言葉遣い上手い!

  • @shimoo7806
    @shimoo7806 4 ปีที่แล้ว +3

    一度基礎を勉強した私にとって、とても良い情報でした。
    わかりやすかったです、ありがとうございます😊

    • @webgodweb
      @webgodweb  4 ปีที่แล้ว +2

      ご視聴ありがとうございます!
      一度学習されている内容の復習や、知識の整理になれば幸いです✨

  • @真樹内藤
    @真樹内藤 ปีที่แล้ว +1

    素晴らしい!ありがとうございます!❤

  • @からあげ-s4r
    @からあげ-s4r ปีที่แล้ว

    挫折しそうだったけど
    わかりやすいので続けて勉強するモチベーション取り戻せそうです!ありがとうございます

    • @webgodweb
      @webgodweb  ปีที่แล้ว

      お役に立ててよかったです!!!ご視聴ありがとうございます🙇‍♀️🙇‍♀️

  • @yokeinet
    @yokeinet 2 ปีที่แล้ว +1

    18:51 わかりやすい!

  • @kyu886
    @kyu886 3 ปีที่แล้ว +8

    今まで見た中で一番分かりやすいです!( ; ; )
    これから全部見て勉強します!ありがとうございます‥!!!!!

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว +3

      ご視聴ありがとうございます!お役に立てて嬉しい限りです✨
      ご不明な点等あればお気軽にご質問ください😊

  • @yutamisaki599
    @yutamisaki599 3 ปีที่แล้ว +1

    めちゃ分かりやすくて良い振り返りになりました!
    今後の動画も楽しみに、今日はイサラ模写に取り組んでいきます😌

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว

      コメントありがとうございます!
      インプットとアウトプットを繰り返していただけると、かなり効率よく定着するかと思います!学習応援しております☺️

  • @junpei3
    @junpei3 ปีที่แล้ว

    とてもわかりやすいです

    • @webgodweb
      @webgodweb  ปีที่แล้ว +1

      ありがとうございます🙇‍♀️

  • @sasakit4696
    @sasakit4696 2 ปีที่แล้ว

    遅くなりましたが、動画発見し見させて頂きました。すごい分かりやすいのでこれから全部見ますね。

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว

      ありがとうございます!!🙇‍♀️ お役に立てれば幸いです!

  • @FchiFuchi
    @FchiFuchi 2 ปีที่แล้ว

    これから始めようとしています。
    めっちゃ分かりやすいです!

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว +2

      コメントありがとうございます!
      学習スタート応援してます!!☺️

  • @oyui2129
    @oyui2129 ปีที่แล้ว

    わかりやすい👏

    • @webgodweb
      @webgodweb  ปีที่แล้ว

      ありがとうございます🙇‍♀️

  • @sharakuhosokawa3369
    @sharakuhosokawa3369 3 ปีที่แล้ว

    丁寧な説明ありがとうございます😭

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว +2

      こちらこそ、ご視聴ありがとうございます😊😭

  • @Toko12525
    @Toko12525 2 ปีที่แล้ว

    助かりました。

  • @user-vv3vu3ev2u
    @user-vv3vu3ev2u 3 ปีที่แล้ว

    とてもわかりやすいです。ありがとうございます!

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว

      ご視聴、お言葉ありがとうございます😊動画作成の励みになります🍀

  • @shigeyuki2766
    @shigeyuki2766 2 ปีที่แล้ว

    ありがとうございます!

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว

      こちらこそご視聴ありがとうございます✨

  • @田中佑樹-v5m
    @田中佑樹-v5m 2 ปีที่แล้ว +1

    とてもわかりやすかったです!チャンネル登録させていただきました^_^

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว

      ありがとうございます!!
      今後ともお役に立てるよう頑張ります🙇‍♀️

  • @user-mo1wx1ir2e
    @user-mo1wx1ir2e ปีที่แล้ว

    エクセルVB Aで初めてプログラミングを取得してから、マークアップ言語等も学習しようかどうか迷っています、混乱しないようにエクセルやアクセス、ウェブのスキルアップ学習目指します、
    よろしくお願い申し上げます。

  • @963_89
    @963_89 3 ปีที่แล้ว

    とても分かりやすくて勉強になります!ありがとうございます。

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว

      こちらこそ、ご視聴ありがとうございます😊お役に立てて良かったです!

    • @963_89
      @963_89 3 ปีที่แล้ว

      こちらこそ感謝してます☺️
      着々とページが完成しつつあります!
      何となく、、PCのみ💧これからも宜しくお願いします。あと体調管理気をつけてくださいね。お大事に!!

  • @user-qy4zt6sw5g
    @user-qy4zt6sw5g 2 ปีที่แล้ว

    はじめまして、これから参考にWebサイトを作りたいと思います。
    ところで、後藤真希さんそっくりで素敵な美人さんですね。

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว

      はじめまして!コメントありがとうございます、お役に立てれば幸いです🙇‍♀️
      なんと、恐れ多いです!😂

  • @nakai-tomoki
    @nakai-tomoki 4 ปีที่แล้ว

    基礎学習後に改めて見ると更に理解深まりました。
    idとclassの違いは分からなくもないのですが、他のサイトなどの色んな解説も含めて聞けば聞くほどidっているの?って思ってしまいます。
    全部classじゃダメなのでしょうか??

    • @webgodweb
      @webgodweb  4 ปีที่แล้ว

      ご視聴ありがとうございます😊効率よくコーディングする為にもコーディング規約を確立していくと良いとおもいます。自分で考案するのは初心者のうちは難しいと思いますので、公開されているコーディング規約を真似てみると良いと思います。
      クラスのみにCSS指定するという考え方もよくあります。

  • @user-vi8kt8uf4j
    @user-vi8kt8uf4j 3 ปีที่แล้ว

    cssの反映ができず教えて頂いた通り確認したらエラーが出ていましたが、スペルなどは特に問題ありませんでした。他の要因はありますか?ちなみに画像も添付がうまくいかずエラーになっていました

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว

      コメントありがとうございます!
      もしよろしければ、下記の動画のチェック項目を改めて見直してみてください!
      それでも上手くいかない場合、詳しい状況をお教えください。
      【超入門】初心者必見!CSSが効かなくて困った時のチェック項目リスト【HTML・CSS コーディング】 th-cam.com/video/zhJMBUaj6JU/w-d-xo.html

  • @user-eq2pw5dc1i
    @user-eq2pw5dc1i 3 ปีที่แล้ว

    いつも拝見させていまだいてます!
    今、HTMLメールの案件やっているのですが、上手くコードが反映されなくて、悩んでいます。
    HTMLメールに関する動画など作っていただけないでしょうか??

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว

      ご視聴ありがとうございます😊大変申し訳ないのですが、初心者に向けたチャンネルの特性上、HTMLメールについては少し特殊になりますので近々には取り上げにくいです。私自身の勤める会社でもHTMLメール案件については様々なデバイスでの確認工数が多い為、お引き受けしておりません。HTMLメール作成を特化して行われている事業者にご依頼されることをお勧め致します🍀
      有料のHTMLメール作成サービスを選定されるのも非常に工数がかかる作業にはなると思いますので、専門的にHTML作成をされている事業者への相談の方が良いと思います。
      参考リンク
      b-risk.jp/blog/2020/02/htmlmail/

  • @FF-ov7vr
    @FF-ov7vr 2 ปีที่แล้ว

    背景黒にしたほうが目に優しいし見えやすくなるのでしてほしいです

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว +1

      貴重なご意見ありがとうございます🙇‍♀️
      今後の動画の参考にさせていただきます!
      この頃使っているエディタでは白画面なのですが、今はVS Codeの黒画面に切り替えております!

  • @kawa9462
    @kawa9462 3 ปีที่แล้ว

    在宅ワークでHTMLとCSSやってもお金にならないと他のチャンネルで見ました。なんかそー言われると勉強してもどーなのかなと心配になります。

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว +1

      コメントありがとうございます!Web制作というフィールドで最も汎用的、かつ学習コストも低いのはHTML/CSSだと個人的には思います。HTMLとCSSだけでは確かに単価が低いと思いますが、「できたほうがいい」というのは確実で、習得しておいて損はないと思います。

  • @user-pc3lu6wb5r
    @user-pc3lu6wb5r 2 ปีที่แล้ว

    大変勉強になります。このエディタは何ていうのでしょうか⁉️宜しくお願い致します。

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว

      コメントありがとうございます!
      こちらの動画ではCodaというエディタを使用していますが、現在はこのエディタを使用しておらず、VS Codeというエディタをオススメしております!
      下記の動画でも紹介していますので、ご参考いただければ幸いです🙇‍♀️
      【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】
      th-cam.com/video/m4AOfxB6XR0/w-d-xo.html

    • @user-pc3lu6wb5r
      @user-pc3lu6wb5r 2 ปีที่แล้ว

      @@webgodweb 返信ありがとうございました😭

  • @user-ng5yp2cf8k
    @user-ng5yp2cf8k หลายเดือนก่อน

    難しい😓

  • @user-GGY
    @user-GGY 2 ปีที่แล้ว

    初めに、大変申し訳御座いませんがつい最近に知りました、
    出来ましたら、どの部分から始めて良いか分かりません、
    番号を付けて頂けないでしょうか?
    それぞれのスタートチャンネルページにお願いします、
    ジジィのお願いです、宜しくお願いします。

    • @webgodweb
      @webgodweb  2 ปีที่แล้ว +1

      見つけていただいてありがとうございます!
      近日中に、オススメの視聴順序など整理して掲載できるようにいたしますね🙇‍♀️
      HTML/CSSの学習についてであれば、まずは下記のプレイリストの動画、順序等参考にしていただければと思います!
      【Webの神様】HTML・CSSまとめ
      th-cam.com/play/PL2-HmP0eFiLPE1pZqzLxpIMafpZrX5eFY.html

    • @user-GGY
      @user-GGY 2 ปีที่แล้ว

      @@webgodweb ありがとうございます、20歳を3回ほどと少しの年齢を重ねておりますので、超超超初心者ですが、続く限り、勉強したいと思いますので、宜しくお願いします。

    • @yuuyuu6748
      @yuuyuu6748 4 หลายเดือนก่อน

      コードの作り方は分かりやすかったのですが、
      Web上でどんな風になるのか分かりません
      それも合わせて示して頂けると嬉しいです

  • @kawa9462
    @kawa9462 3 ปีที่แล้ว

    サイトで調べたのですが、IDはwebページ内にリンクを付けるときに使う物ですか?

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว

      IDの用途としては、ページ内リンクを設置する方法もありますが、JavaScript等で処理を加えるときに使うことも多いです!ある要素を特定するために名前をつける機能なので、それを活かしてCSSでスタイリングしたり、リンク先に指定したり、JavaScriptで要素を操作したりすることができる感じです🙏

  • @yoshida_official5580
    @yoshida_official5580 ปีที่แล้ว

    実際に書いたコードがどう言うふうに表示されているのかが見たいな

    • @webgodweb
      @webgodweb  ปีที่แล้ว +1

      貴重なご意見ありがとうございます🙇‍♀️ もしご興味がおありでしたら、下記の動画などもご視聴いただけると幸いです…!
      実際のコーディングの手順を移しており、イメージしていただきやすいかもしれません。
      th-cam.com/video/OnkZv78HMGY/w-d-xo.html
      ※冒頭15分〜25分あたりで、HTMLやCSSを書いてみてブラウザで表示してみる、という手順があります。
      そのほか、コーディング学習については様々なテーマの過去動画がございます。見やすそうなものから参考にしていただけましたら幸いです🙆‍♀️
      th-cam.com/play/PL2-HmP0eFiLPE1pZqzLxpIMafpZrX5eFY.html

  • @あいうえお-e3q4e
    @あいうえお-e3q4e 3 ปีที่แล้ว

    声すきだわぁw

    • @webgodweb
      @webgodweb  3 ปีที่แล้ว

      初めて言われました!笑 コメントありがとうございます☺️

  • @user-gd5op7he6l
    @user-gd5op7he6l 4 ปีที่แล้ว +3

    高2ですが、アルバイト募集してない?最近HTMLおぼえました。週二回通えます。

    • @webgodweb
      @webgodweb  4 ปีที่แล้ว +1

      コメントありがとうございます!HTML学習、心より応援しております✨
      申し訳ないのですが、現在はアルバイト等の募集はしておりません💦