{"id":964,"date":"2021-06-14T14:39:12","date_gmt":"2021-06-14T05:39:12","guid":{"rendered":"https:\/\/shuns.me\/?p=964"},"modified":"2021-06-14T18:22:34","modified_gmt":"2021-06-14T09:22:34","slug":"%e3%80%90%e8%b6%85%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91%e3%80%91%e4%ba%ba%e3%81%ab%e4%be%8b%e3%81%88%e3%82%8bhtml-css%e3%80%81javascript%e3%81%ae%e5%bd%b9%e5%89%b2%e3%81%a8%e3%81%af%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/shuns.me\/?p=964","title":{"rendered":"\u3010\u8d85\u521d\u5fc3\u8005\u5411\u3051\u3011\u4eba\u306b\u4f8b\u3048\u308bHTML\/CSS\u3001Javascript\u306e\u5f79\u5272\u3068\u306f\uff1f\u30a4\u30e9\u30b9\u30c8\u3067\u89e3\u8aac"},"content":{"rendered":"

Web\u30c7\u30b6\u30a4\u30ca\u30fc\u306e\u3057\u3085\u3093(@shun_webdesign<\/a>)\u3067\u3059\u3002\u3053\u3093\u306b\u3061\u306f\u3002<\/p>\n

Web\u30b5\u30a4\u30c8\u3092\u4f5c\u308b\u3068\u304d\u6b20\u304b\u3055\u305b\u306a\u3044\u300c\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u300d<\/strong>\u3002\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u306e\u8a00\u8a9e\u306a\u3069\u3092\u99c6\u4f7f\u3057\u3066\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u3044\u304f\u5de5\u7a0b\u3067\u3059\u3002
\n\u3067\u3059\u304cWeb\u5236\u4f5c\u306e\u52c9\u5f37\u59cb\u3081\u305f\u5f53\u521d\u306e\u50d5\u306f\u3053\u3046\u601d\u3063\u3066\u307e\u3057\u305f\u3002<\/p>\n

\n

<\/span><\/p>\n

\n
\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u306b\u4f7f\u3046HTML\/CSS\u3001Javascript\u3063\u3066\u4e00\u4f53\u4f55\u304c\u51fa\u6765\u3066\u3069\u3046\u3044\u3046\u3082\u306e\uff1f<\/div>\n<\/div><\/div>\n

\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u3066\u521d\u3081\u3066\u4ed5\u7d44\u307f\u304c\u308f\u304b\u3063\u3066\u304f\u308b\u3053\u3068\u3082\u3042\u308a\u3001\u5f79\u5272\u304c\u611f\u899a\u7684\u306b\u5206\u304b\u308a\u306b\u304f\u3044\u3067\u3059\u3088\u306d\u3002
\n\u305d\u3093\u306a\u50d5\u3067\u3082\u73fe\u5728\u306f\u4ed5\u4e8b\u3067\u30b3\u30fc\u30c9\u66f8\u304f\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u3002<\/p>\n

\u3053\u306e\u8a18\u4e8b\u3092\u8aad\u3080\u3053\u3068\u3067\u3069\u306e\u8a00\u8a9e\u304c\u3069\u3093\u306a\u5f79\u5272\u304c\u3042\u308b\u306e\u304b\u3002HTML\/CSS\u306e\u899a\u3048\u65b9\u306b\u3064\u3044\u3066\u3054\u7d39\u4ecb\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/p>\n

\u5404\u8a00\u8a9e\u306f\u72ec\u81ea\u306e\u5f79\u5272\u306b\u6a5f\u80fd\u3092\u8aac\u660e\u3057\u307e\u3059\u3002
\nWeb\u30b5\u30a4\u30c8\u3092\u30d7\u30ed\u30b0\u30e9\u30e0\u3059\u308b\u305f\u3081\u306b\u306f\u3044\u304f\u3064\u304b\u8a00\u8a9e\u3092\u77e5\u3063\u3066\u304a\u304f\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u4eca\u56de\u306f\u5404\u8a00\u8a9e\u306b\u304a\u3051\u308b\u5f79\u5272\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u306e\u307f\u3092\u76ee\u7684\u3068\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u5404\u8a00\u8a9e\u306e\u30b3\u30fc\u30c9\u306e\u8a18\u8ff0\u65b9\u6cd5\u306b\u3064\u3044\u3066\u306f\u8a73\u3057\u304f\u8aac\u660e\u3057\u307e\u305b\u3093\u3002<\/p>\n

\n

Table of Contents<\/p>\n

  • \u30a4\u30e9\u30b9\u30c8\u89e3\u8aac<\/a>
    • HTML\/CSS\u306e\u899a\u3048\u65b9<\/a><\/li><\/ul><\/li>
    • HTML\u306f\u9aa8\u683c<\/a>
      • head\uff1a\u982d<\/a><\/li>
      • body\uff1a\u8eab\u4f53<\/a><\/li><\/ul><\/li>
      • CSS\u306f\u8089\u4f53<\/a>
        • padding\uff1a\u8102\u80aa<\/a><\/li>
        • margin\uff1a\u4eba\u3068\u306e\u8ddd\u96e2<\/a><\/li><\/ul><\/li>
        • Javascript\u306f\u52d5\u304d<\/a><\/li>
        • \u307e\u3068\u3081<\/a><\/li><\/ul><\/nav><\/div>\n

          <\/span>\u30a4\u30e9\u30b9\u30c8\u89e3\u8aac<\/span><\/h2>\n

          HTML\u3001CSS\u4ed5\u7d44\u307f\u3092\u7406\u89e3\u3059\u308b\u969b\u306b\u3067\u57fa\u672c\u7684\u306b\u4f7f\u308f\u308c\u308b\u30bf\u30b0\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4eba\u9593\u306b\u7f6e\u304d\u63db\u3048\u3066\u30a4\u30e9\u30b9\u30c8\u3067\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n

          \u4ee5\u524dTwitter\u3067\u6295\u7a3f\u3057\u305f\u30c4\u30a4\u30fc\u30c8\u304c\u53cd\u97ff\u304c\u5927\u304d\u304b\u3063\u305f\u306e\u672c\u65e5\u306f\u3053\u306e\u30a4\u30e9\u30b9\u30c8\u306b\u3064\u3044\u3066\u6398\u308a\u4e0b\u3052\u307e\u3059\u3002<\/p>\n

          \n

          \u30dc\u30af\u304c\u8a00\u3044\u305f\u304b\u3063\u305fHTML\/CSS\u306e\u4f8b\u3048 pic.twitter.com\/qF0wwET3qc<\/a><\/p>\n

          \u2014 \u3057 \u3085 \u3093 | web design (@shun_webdesign) May 12, 2020<\/a><\/p><\/blockquote>\n