【超入門】知らなきゃマズイ!HTML・CSS 基本の「き」【HTML・CSS コーディング】

Поделиться
HTML-код
  • Опубликовано: 3 авг 2024
  • 【↓2021/07/10 に、この動画のリニューアル版・2021年最新版を公開しました!↓】
    【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】
    • 【超入門】HTML・CSSってなに?学習の始...
    こちらも是非ご覧ください!
    ※紹介しているエディタなどは、最新版動画のものが現在のオススメになります。
    本動画は少し内容が古くなっておりますので、上記を参考にしていただければ幸いです。
    これからHTML・CSSの勉強をはじめるみなさんに、絶対に知っておいてほしいポイントをまとめました!
    後から大きくハマってつまづく前に、基本の基本をおさえておきましょう。
    この動画で、本格的に勉強をはじめる準備は万端です!
    〈目次〉
    ・オープニング 0:00
    ・今回の概要 0:15
    ・学習環境の準備 0:40
    ・ローカル環境って? 2:00
    ・HTMLとCSSって何? 2:53
    ・試しにはじめてみよう 4:23
    ・【HTML】基本構造とタグ 5:52
    ・【CSS】基本構造とルール 11:10
    ・【CSS】HTMLに読み込む方法 12:39
    -- Webの神様 --
    未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです!
    【タグ】
    #Webデザイン #コーディング #HTML
    【SNS】
    -- Twitter --
    / webgodweb
    -- Facebook --
    / webgodweb
    【運営会社】
    株式会社カラフルクローバー
    www.colorful-clover.co.jp/
    ★★★「Webの神様」メンタープランのご案内★★★
    ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です!
    【お知らせ動画】
    「Webの神様」があなたのメンターになります
    • 【お知らせ】「Webの神様」があなたのメンタ... プレビュー
    【プランの詳細・お申し込み(MENTA)】
    menta.work/plan/5148
    未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます!
    是非ともご検討いただければ幸いです。
    ★★★★★★★★★★★★★★★★★★★★★★★
  • ХоббиХобби

Комментарии • 44

  • @webgodweb
    @webgodweb  3 года назад +2

    【↓2021/07/10 に、この動画のリニューアル版・2021年最新版を公開しました!↓】
    【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】
    ruclips.net/video/m4AOfxB6XR0/видео.html
    こちらも是非ご覧ください!
    ※紹介しているエディタなどは、最新版動画のものが現在のオススメになります。
    本動画は少し内容が古くなっておりますので、上記を参考にしていただければ幸いです。

  • @mryuji250
    @mryuji250 3 года назад +2

    とても分かりやすいです。今後の動画を楽しみにしてます。

    • @webgodweb
      @webgodweb  3 года назад

      お言葉ありがとうございます😃励みになります🍀

  • @yutamisaki599
    @yutamisaki599 3 года назад

    めっちゃ勉強なりました!ありがとうございます😆

    • @webgodweb
      @webgodweb  3 года назад

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

  • @user-pk7uy7gh8y
    @user-pk7uy7gh8y 3 года назад +4

    こういう超が付く初心者向けの動画探してました!他の初心者向けという動画ですら分からなかったので本当に助かります!動画更新ぜひ頑張ってください!!笑

    • @webgodweb
      @webgodweb  3 года назад

      ご視聴ありがとうございます😊そう言っていただけると励みになります🍀

  • @yuzuriu8411
    @yuzuriu8411 2 года назад

    最高の動画です!

    • @webgodweb
      @webgodweb  2 года назад

      嬉しいお言葉ありがとうございます!
      こちらの動画は2021年リニューアル版も公開していますので、是非ご覧いただけると嬉しいです🙇‍♀️
      【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】 ruclips.net/video/m4AOfxB6XR0/видео.html

  • @user-oe9me3ln5q
    @user-oe9me3ln5q 2 года назад

    これからがんばろーって思える内容でした♪

    • @webgodweb
      @webgodweb  2 года назад

      ご視聴ありがとうございます☺️
      そう言っていただけるとこちらも嬉しいです!!

  • @user-qi4qf9wn3z
    @user-qi4qf9wn3z 3 года назад +1

    本を読んだだけだとボヤッとしてしまっていたことが纏まりました!
    話し方も聴きやすくてとても良かったです。

    • @webgodweb
      @webgodweb  3 года назад

      お役に立てて幸いです!✨
      嬉しいお言葉をありがとうございます。今後もどうぞよろしくお願いいたします🙇‍♀️

  • @yomeshi
    @yomeshi 3 года назад +14

    某スクールでhtml・CSS講座を〇万円で受講してるんですが、こちらの動画の方が分かりやすいです…笑
    また、解説の仕方も、
    他の動画では、早口や抑揚のない口調が多く、テロップを目で追わなくてはいけなかったり、一時停止の回数が多かったりするのですが、
    こちらではそのようなこともないので、とても耳に入り易いです。
    初心者目線にたった構成、ありがとうございます!

    • @webgodweb
      @webgodweb  3 года назад +3

      もったいないお言葉、ありがとうございます!これからもお役に立てるように更新頑張りますので、ご視聴いただけると嬉しいです✨

  • @user-qf1qh5yx8h
    @user-qf1qh5yx8h 2 года назад

    とても丁寧な解説ありがとうございます。
    超超初心者ぬなので大変で助かります。これから順番に他の動画も視聴させて頂きます。やっと出会えた気がしてます。
    ちょっと質問なのですが、HTMLで書いたものをWebに上げるとは、他の人も誰でも見れる状態なのでしょうか?

  • @amenagamine8404
    @amenagamine8404 3 года назад +1

    プログラミングのド初心者です。とてもわかりやすかったです。

    • @webgodweb
      @webgodweb  3 года назад

      ご視聴ありがとうございます😊これからもよろしくお願いします🍀

  • @user-sw1tw1wg6m
    @user-sw1tw1wg6m 2 года назад +2

    2021年版より、こちらのほうが、頭に入ってきます。なぜでしょうか・・・・

  • @junpei3
    @junpei3 Год назад

    独学で触れた程度の自分には丁度良い復習になりそうです。

    • @webgodweb
      @webgodweb  Год назад

      こちらはエディタなど少し古い内容で、2022年版の動画も出ておりますので、是非そちらもご覧ください🐥
      ruclips.net/video/m4AOfxB6XR0/видео.html

  • @user-lh1ke2lh5b
    @user-lh1ke2lh5b 3 года назад +1

    Atom使ったことありますが、あまり馴染めませんでした。Windowsにも対応したエディターを紹介して欲しいです!
    ナツコセンセイノショートヘアサイコウ!

    • @webgodweb
      @webgodweb  3 года назад +1

      こちらの動画は、近日中にリニューアル版をアップ予定なので、もう少しお待ちいただければ嬉しいです!🙇‍♀️

  • @heyomar9284
    @heyomar9284 3 года назад +4

    おはようございます。動画がなかなかアップされないので他の動画見返してました。この動画表情固いけど、なつこさんのショートヘアーの髪型一番好きです!
    RUclips辞めてないですよね?

    • @webgodweb
      @webgodweb  3 года назад +3

      お待たせしてごめんなさい💦辞めてませんのでご安心ください😊

  • @user-nb7xx2cu3k
    @user-nb7xx2cu3k 6 месяцев назад

    お久しぶりです。htmlとcssを使うエディタありますか?主にホームページ作成で使うのですが、ATOMがサポート終了してしまったので別の物を探してます。サクラエディタは僕には使いづらくて😅
    お願いします🙇⤵️

  • @zwwx2142
    @zwwx2142 3 года назад

    Gracias trato de aprender Japones y a programar

    • @webgodweb
      @webgodweb  3 года назад +1

      Me alegro de que los españoles puedan verlo.

    • @zwwx2142
      @zwwx2142 3 года назад

      @@webgodweb si pero la verdad no sé tú idioma jajaja tu español es bueno chica

  • @blackmagician-ng6fb
    @blackmagician-ng6fb 3 года назад

    とても丁寧で、分かり易く、助かってます。もう少し文字を拡大していただけると、ありがたいです。
    応援しています。よろしくお願いします。

    • @webgodweb
      @webgodweb  3 года назад

      コメントありがとうございます!
      貴重なご意見もありがとうございます。今後の動画で改善に努めますので、これからもご視聴いただけると嬉しいです🙇‍♀️

  • @user-nb7xx2cu3k
    @user-nb7xx2cu3k 3 года назад

    質問です。
    HTML.CSSの始めたばかりの初心者ですが、新しく追加されたHTML..C SSタグや廃止されたタグなどはどう調べたらいいのでしょうか?
    よろしくお願いします。

    • @webgodweb
      @webgodweb  3 года назад

      ご質問ありがとうございます!このタグやプロパティ使えるのかな…というものがある時は、Can I use( caniuse.com/ )を利用してお調べください!タグ名、プロパティ名で検索をかけると、対応ブラウザの一覧が確認できます。
      もしくは、廃止されたタグなどを一覧で知りたい場合、そのまま「HTML5 廃止 タグ」などで調べていただければ下記のようなページも出てきます。お試しください!www.tagindex.com/html5/basic/abolished.html

    • @user-nb7xx2cu3k
      @user-nb7xx2cu3k 3 года назад

      @@webgodweb そうなんですね。その都度新しく追加されたり、廃止されたりの情報を知るすべがなかったので非常に助かります。ありがとうございます。また、サイトも教えていただき活用していきたいと思います。
      なつこさんの動画は分かりやすいので勉強になります。これからも続けてください。(*^^*)

  • @hiromiy3526
    @hiromiy3526 3 года назад

    パソコンを買い替えたいと思っておりますが、2016年は古すぎますか?

    • @webgodweb
      @webgodweb  3 года назад

      ご視聴ありがとうございます😊HTMLとCSSのコーディングであれば、特にスペックは求められないので問題ないかと思います!

  • @kawa9462
    @kawa9462 3 года назад +1

    ATOMが上手くインストールされません。英語表記でどうすればいいか分かりません

    • @webgodweb
      @webgodweb  3 года назад +2

      紛らわしくて申し訳ないのですが、こちらの動画は少し内容が古いので、現在は「Atom」よりも「Visual Studio Code」というエディタをお勧めしております!こちらでお試しいただければ幸いです。
      まずは、下記URLより、ご自分のPCにふさわしいものをダウンロードしてください。
      code.visualstudio.com/download
      そして「Visual Studio Code インストール Mac」等で検索していただき、インストールを済ませてください。
      その後、下記リンクのような手順で日本語化も可能です。
      www.javadrive.jp/vscode/install/index4.html

    • @kawa9462
      @kawa9462 3 года назад

      @@webgodweb わざわざありがとうございます。元々Adobeを契約していたのであの後DWをインストールしました。それでも上手くいかなかったら教えていただいたアプリを入れて見ます。

    • @user-ru3yw8bt8s
      @user-ru3yw8bt8s 12 дней назад

      @@webgodweb優しい😭

  • @hiromiy3526
    @hiromiy3526 3 года назад

    MacBook 2016 年は古すぎますか?

    • @webgodweb
      @webgodweb  3 года назад

      コーディング等には問題ないと思います💡メモリーは8GB以上は欲しいところです。

  • @patientbull8847
    @patientbull8847 3 года назад +1

    鼻水啜ってて草

    • @webgodweb
      @webgodweb  3 года назад +1

      ご視聴ありがとうございます😃お見苦しいところ失礼しました🙏