{"id":146,"date":"2021-08-25T16:50:14","date_gmt":"2021-08-25T07:50:14","guid":{"rendered":"https:\/\/web-entrance.jp\/?p=146"},"modified":"2021-08-29T19:25:00","modified_gmt":"2021-08-29T10:25:00","slug":"%e3%80%90html%e3%80%91%e7%94%bb%e5%83%8f%e3%81%ae%e5%85%a5%e3%82%8c%e6%96%b9","status":"publish","type":"post","link":"https:\/\/web-entrance.jp\/?p=146","title":{"rendered":"\u3010HTML\u3011\u753b\u50cf\u306e\u5165\u308c\u65b9"},"content":{"rendered":"\n<div class=\"toc\"><br \/>\n<b>Warning<\/b>:  Undefined array key \"is_admin\" in <b>\/home\/c0965998\/public_html\/web-entrance.jp\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>113<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_category_top\" in <b>\/home\/c0965998\/public_html\/web-entrance.jp\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>118<\/b><br \/>\n<br \/>\n<b>Warning<\/b>:  Undefined array key \"is_top\" in <b>\/home\/c0965998\/public_html\/web-entrance.jp\/wp-content\/themes\/sango-theme\/library\/gutenberg\/dist\/classes\/Toc.php<\/b> on line <b>124<\/b><br \/>\n    <div id=\"toc_container\" class=\"toc_container toc-container sgb-toc--bullets js-smooth-scroll\" data-dialog-title=\"Table of Contents\">\n      <p class=\"toc_title\">\u76ee\u6b21 <span class=\"toc_toggle js-toc-toggle\" data-open-toggle=\"\u8868\u793a\" data-close-toggle=\"\u975e\u8868\u793a\">\u975e\u8868\u793a<\/span><\/p>\n      <ul class=\"toc_list js-toc-list\">  <li class=\"first\">    <a href=\"#i-0\">\u753b\u50cf\u306fWEB\u30b5\u30a4\u30c8\u306b\u6b20\u304b\u305b\u307e\u305b\u3093<\/a>  <\/li>  <li>    <a href=\"#i-1\">\u753b\u50cf\u306fimg\u30bf\u30b0\u3067\u633f\u5165\u3057\u307e\u3059<\/a>  <\/li>  <li class=\"last\">    <a href=\"#i-2\">\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u304c\u7f6e\u304b\u308c\u3066\u3044\u308b\u5834\u6240<\/a>  <\/li><\/ul>\n      <a href=\"#\" class=\"sgb-toc-button js-toc-button\" rel=\"nofollow\"><i class=\"fa fa-list\"><\/i><span class=\"sgb-toc-button__text\">\u76ee\u6b21\u3078<\/span><\/a>\n    <\/div><\/div><h2 class=\"wp-block-sgb-headings sgb-heading\" id=\"i-0\"><div class=\"sgb-heading__inner sgb-heading--type3\" style=\"background-color:#fff9e5;border-color:#ffb36b;font-size:1.2em\"><span class=\"sgb-heading__text\" style=\"color:#333\">\u753b\u50cf\u306fWEB\u30b5\u30a4\u30c8\u306b\u6b20\u304b\u305b\u307e\u305b\u3093<\/span><\/div><\/h2>\n\n\n\n<p>WEB\u30b5\u30a4\u30c8\u306b\u304a\u3044\u3066\u6587\u7ae0\u306e\u6b21\u306b\u7528\u3044\u3089\u308c\u308b\u306e\u306f\u753b\u50cf\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u6587\u7ae0\u3060\u3051\u3067\u4f1d\u308f\u308a\u3065\u3089\u3044\u3082\u306e\u3082\u753b\u50cf\u3092\u5165\u308c\u308b\u3053\u3068\u3067\u7406\u89e3\u304c\u9032\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-sgb-headings sgb-heading\" id=\"i-1\"><div class=\"sgb-heading__inner sgb-heading--type3\" style=\"background-color:#fff9e5;border-color:#ffb36b;font-size:1.2em\"><span class=\"sgb-heading__text\" style=\"color:#333\">\u753b\u50cf\u306fimg\u30bf\u30b0\u3067\u633f\u5165\u3057\u307e\u3059<\/span><\/div><\/h2>\n\n\n\n<p>\u753b\u50cf\u306fimg\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-codebox pre_tag\"><span><i class=\"fa fa-code\"><\/i>HTML<\/span><pre><code>&lt;img src=\"\u753b\u50cf\u306e\u30d1\u30b9\u3092\u5165\u529b\" alt=\"\u753b\u50cf\u304c\u8868\u793a\u3055\u308c\u306a\u3044\u3068\u304d\u306f\u3053\u3053\u306e\u6587\u7ae0\u304c\u8868\u793a\u3055\u308c\u307e\u3059\"&gt;<\/code><\/pre><\/div>\n\n\n\n<p>img\u30bf\u30b0\u306esrc\u5c5e\u6027\u306b\u300c\u30d1\u30b9\u300d\u3092\u5165\u529b\u3059\u308b\u3053\u3068\u3067\u3001\u30d1\u30b9\u304c\u6307\u5b9a\u3057\u305f\u753b\u50cf\u304cWEB\u4e0a\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u203b\u30d1\u30b9\u3068\u306f\u3001\u300c\u30d5\u30a1\u30a4\u30eb\u304c\u5b58\u5728\u3057\u3066\u3044\u308b\u5834\u6240\u300d\u3092\u6307\u3057\u307e\u3059\u3002https:\/\/\uff5e\u3067\u6307\u5b9a\u3059\u308b\u300c\u7d76\u5bfe\u30d1\u30b9\u300d\u3068\u3001\u8868\u793a\u3055\u308c\u3066\u3044\u308bhtml\u30d5\u30a1\u30a4\u30eb\u304b\u3089\u307f\u3066\u3069\u306e\u4f4d\u7f6e\u306b\u3042\u308b\u304b\u3092\u793a\u3057\u305f\u300c\u76f8\u5bfe\u30d1\u30b9\u300d\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-sgb-headings sgb-heading\"><\/p><div class=\"sgb-heading__inner sgb-heading--type3\" style=\"background-color:#fff9e5;border-color:#ffb36b;font-size:1.2em\"><span class=\"sgb-heading__text\" style=\"color:#333\">\u5b9f\u969b\u306b\u5165\u529b\u3057\u3066\u307f\u307e\u3057\u3087\u3046<\/span><\/div>\n\n\n\n<p>\u307e\u305a\u306f\u30d5\u30a1\u30a4\u30eb\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u3001\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u306b\u5c55\u958b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<div class=\"wp-block-file\"><a href=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_practice_img.zip\">html_practice_img<\/a><a href=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_practice_img.zip\" class=\"wp-block-file__button\" download>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a><\/div>\n\n\n\n<p>index.html\u3092Google Chrome\u3067\u958b\u304f\u3068\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u6587\u5b57\u3060\u3051\u8868\u793a\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-sango-with-big-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"66\" src=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img1.png\" alt=\"\" class=\"wp-image-156\" srcset=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img1.png 330w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img1-300x60.png 300w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\"><\/figure>\n\n\n\n<p>\u3053\u306e\u72b6\u614b\u304b\u3089\u3001\u4eca\u5ea6\u306findex.html\u3092\u30a8\u30c7\u30a3\u30bf\uff08VSCODE\u306a\u3069\uff09\u3067\u958b\u304d\u3001\u6587\u7ae0\u306e\u4e0b\u306b\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-codebox pre_tag\"><span><i class=\"fa fa-code\"><\/i>HTML<\/span><pre><code>&lt;img src=\"img\/sampleimg_1.png\" alt=\"\u3053\u3053\u306b\u753b\u50cf\u304c\u5165\u308a\u307e\u3059\"&gt;\n\n&lt;img src=\"img\/sampleimg_2.png\" alt=\"\u3053\u3053\u306b\u753b\u50cf\u304c\u5165\u308a\u307e\u3059\"&gt;<\/code><\/pre><\/div>\n\n\n\n<p>\u305d\u3046\u3059\u308b\u3068Google Chrome\u306e\u753b\u9762\u3092\u518d\u8aad\u307f\u8fbc\u307f\u3059\u308b\u3053\u3068\u3067\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u5909\u5316\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-sango-with-big-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img2-1024x472.png\" alt=\"\" class=\"wp-image-157\" srcset=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img2-1024x472.png 1024w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img2-300x138.png 300w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img2-768x354.png 768w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img2-940x433.png 940w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img2.png 1035w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure>\n\n\n\n<h2 class=\"wp-block-sgb-headings sgb-heading\" id=\"i-2\"><div class=\"sgb-heading__inner sgb-heading--type3\" style=\"background-color:#fff9e5;border-color:#ffb36b;font-size:1.2em\"><span class=\"sgb-heading__text\" style=\"color:#333\">\u753b\u50cf\u30d5\u30a1\u30a4\u30eb\u304c\u7f6e\u304b\u308c\u3066\u3044\u308b\u5834\u6240<\/span><\/div><\/h2>\n\n\n\n<p>\u30b3\u30fc\u30c9\u3092\u8ffd\u52a0\u3057\u305f\u3060\u3051\u3067\u753b\u50cf\u304c\u51fa\u3066\u304d\u307e\u3057\u305f\u304c\u3001\u3053\u308c\u306f\u3069\u3053\u306b\u3042\u308b\u306e\u3067\u3057\u3087\u3046\u304b\uff1f<\/p>\n\n\n\n<p>\u5148\u307b\u3069\u8ffd\u52a0\u3057\u305f\u30b3\u30fc\u30c9\u306esrc\u5c5e\u6027\u3092\u898b\u308b\u3068\u3001\u201c\uff5e\u201d\u306e\u90e8\u5206\u306b\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u66f8\u304b\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-sgb-codebox pre_tag\"><span><i class=\"fa fa-code\"><\/i>HTML<\/span><pre><code>\n\nimg\/sampleimg_1.png\n\n<\/code><\/pre><\/div>\n\n\n\n<p>\u3053\u308c\u306f\u3001\u300c\uff08index.html\u304b\u3089\u898b\u3066\uff09\u540c\u3058\u968e\u5c64\u306b\u3042\u308bimg\u30d5\u30a9\u30eb\u30c0\u306e\u4e2d\u306e sampleimg_1.png \u3068\u3044\u3046\u30d5\u30a1\u30a4\u30eb\u3092\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u300d\u3068\u3044\u3046\u6307\u793a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5b9f\u969b\u306e\u30d5\u30a1\u30a4\u30eb\u69cb\u6210\u3092\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u307e\u305a\u3001index.html\u30d5\u30a1\u30a4\u30eb\u306e\u3042\u308b\u968e\u5c64\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-sango-with-big-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"205\" src=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img3.png\" alt=\"\" class=\"wp-image-159\" srcset=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img3.png 1007w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img3-300x61.png 300w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img3-768x156.png 768w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img3-940x191.png 940w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\"><\/figure>\n\n\n\n<p>index.html\u306e\u4e0a\u306b\u3001img\u30d5\u30a9\u30eb\u30c0\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u305d\u3057\u3066\u3001img\u30d5\u30a9\u30eb\u30c0\u3092\u958b\u304f\u3068\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-sango-with-big-shadow\"><img loading=\"lazy\" decoding=\"async\" width=\"689\" height=\"229\" src=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img4.png\" alt=\"\" class=\"wp-image-160\" srcset=\"https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img4.png 689w, https:\/\/web-entrance.jp\/wp-content\/uploads\/2021\/08\/html_img4-300x100.png 300w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\"><\/figure>\n\n\n\n<p>\u3053\u306e\u69cb\u6210\u306a\u306e\u3067\u3001\u76f8\u5bfe\u30d1\u30b9\u3067\u306e\u8a18\u8ff0\u306f\u3001img\/sampleimg_1.png\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u300cimg\u30d5\u30a9\u30eb\u30c0\u306e\u4e2d\u306e\uff5e\u300d\u3068\u3059\u308b\u5834\u5408\u306b\u306f\u30b9\u30e9\u30c3\u30b7\u30e5\u300c\/\u300d\u3067\u533a\u5207\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3053\u306e\u76f8\u5bfe\u30d1\u30b9\u306e\u4ed5\u7d44\u307f\u304c\u308f\u304b\u308c\u3070\u3001img\u30bf\u30b0\u3067\u753b\u50cf\u3092\u5165\u308c\u308b\u306e\u306f\u975e\u5e38\u306b\u7c21\u5358\u3067\u3059\u3002\u3088\u304f\u4f7f\u7528\u3059\u308b\u306e\u3067\u899a\u3048\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u4e00\u822c\u7684\u306b\u306f\u753b\u50cf\u3092\u5165\u308c\u308b\u969b\u306b\u306f\u3001\u3042\u3089\u304b\u3058\u3081img\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u308a\u3001\u305d\u3053\u306b\u5165\u308c\u308b\u30b1\u30fc\u30b9\u304c\u591a\u3044\u3067\u3059\u3002\u753b\u50cf\u304c\u591a\u304f\u306a\u308b\u3068\u7ba1\u7406\u304c\u96e3\u3057\u304f\u306a\u308b\u306e\u3067\u3001\u7279\u306b\u521d\u5b66\u8005\u306e\u3046\u3061\u306f\u6700\u521d\u306bimg\u30d5\u30a9\u30eb\u30c0\u3092\u4f5c\u6210\u3059\u308b\u30af\u30bb\u3092\u3064\u3051\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WEB\u30b5\u30a4\u30c8\u306b\u304a\u3044\u3066\u6587\u7ae0\u306e\u6b21\u306b\u7528\u3044\u3089\u308c\u308b\u306e\u306f\u753b\u50cf\u3067\u3059\u3002 \u6587\u7ae0\u3060\u3051\u3067\u4f1d\u308f\u308a\u3065\u3089\u3044\u3082\u306e\u3082\u753b\u50cf\u3092\u5165\u308c\u308b\u3053\u3068\u3067\u7406\u89e3\u304c\u9032\u307f\u307e\u3059\u3002 \u753b\u50cf\u306fimg\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002 img\u30bf\u30b0\u306esrc\u5c5e\u6027\u306b\u300c\u30d1\u30b9\u300d\u3092\u5165\u529b\u3059\u308b\u3053\u3068\u3067\u3001\u30d1\u30b9\u304c\u6307\u5b9a\u3057\u305f\u753b\u50cf &#8230; <\/p>\n","protected":false},"author":1,"featured_media":162,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,4],"tags":[],"class_list":{"0":"post-146","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-html","8":"category-html_css","9":"entry"},"_links":{"self":[{"href":"https:\/\/web-entrance.jp\/index.php?rest_route=\/wp\/v2\/posts\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web-entrance.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/web-entrance.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/web-entrance.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/web-entrance.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":7,"href":"https:\/\/web-entrance.jp\/index.php?rest_route=\/wp\/v2\/posts\/146\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/web-entrance.jp\/index.php?rest_route=\/wp\/v2\/posts\/146\/revisions\/184"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/web-entrance.jp\/index.php?rest_route=\/wp\/v2\/media\/162"}],"wp:attachment":[{"href":"https:\/\/web-entrance.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/web-entrance.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/web-entrance.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}