{"id":1164,"date":"2021-06-29T21:07:07","date_gmt":"2021-06-29T12:07:07","guid":{"rendered":"http:\/\/www.agile-software.site\/?p=1164"},"modified":"2022-11-27T17:09:31","modified_gmt":"2022-11-27T08:09:31","slug":"%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e5%ad%a6%e6%a0%a1","status":"publish","type":"post","link":"https:\/\/agile-software.net\/?p=1164","title":{"rendered":"\u30c7\u30b6\u30a4\u30f3\u306e\u5b66\u6821"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">HTML\u306e\u30d9\u30fc\u30b9\u3092\u4f5c\u6210<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>DOCTYPE\u5ba3\u8a00<\/li>\n\n\n\n<li>\u6587\u5b57\u30b3\u30fc\u30c9<\/li>\n\n\n\n<li>\u30bf\u30a4\u30c8\u30eb<\/li>\n\n\n\n<li>body\u5185\u306b\u30a6\u30a7\u30d6\u30d6\u30e9\u30a6\u30b6\u3067\u8868\u793a\u3055\u308c\u308b\u5185\u5bb9\u3092\u8a18\u8f09\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u898b\u51fa\u3057<\/li>\n\n\n\n<li>\u7b87\u6761\u66f8\u304d<\/li>\n\n\n\n<li>\u6bb5\u843d<\/li>\n\n\n\n<li>\u6539\u884c<\/li>\n\n\n\n<li>\u753b\u50cf\u306e\u633f\u5165<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">HTML<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=&quot;utf-8&quot;&gt;\n&lt;meta name=&quot;author&quot; content=&quot;67Green&quot;&gt;\n&lt;meta name=&quot;description&quot; content=&quot;\u6e0b\u8c37\u533a\u306e\u30b0\u30ea\u30fc\u30f3\u5c02\u9580\u5e97&quot;&gt;\n&lt;title&gt;67Green&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;header&gt;\n&lt;h1&gt;67Green&lt;\/h1&gt;\n&lt;\/header&gt;\n&lt;nav&gt;\n&lt;ul&gt;\n&lt;li&gt;TOP&lt;\/li&gt;\n&lt;li&gt;ITEM&lt;\/li&gt;\n&lt;li&gt;MAP&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/nav&gt;\n&lt;main&gt;\n&lt;p&gt;&lt;img src=&quot;image\/main.jpg&quot; alt=&quot;\u5e97\u5185\u5199\u771f&quot;&lt;\/p&gt;\n&lt;h2&gt;MESSAGE&lt;\/h2&gt;\n\n&lt;p&gt;67Green\u306f\u30b0\u30ea\u30fc\u30f3\u5c02\u9580\u5e97\u3067\u3059\u3002&lt;br&gt;\n\u843d\u3061\u7740\u3044\u305f\u7a7a\u9593\u3067\u3001\u3086\u3063\u304f\u308a\u304a\u904e\u3054\u3057\u304f\u3060\u3055\u3044\u3002&lt;\/p&gt;\n&lt;\/main&gt;\n&lt;footer&gt;\n&lt;p&gt;Copyright 2016 67Green.&lt;\/p&gt;\n&lt;\/footer&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre><\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Web\u8868\u793a<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"132\" src=\"http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/07\/design1-1-1024x132.png\" alt=\"\" class=\"wp-image-1290\" srcset=\"https:\/\/agile-software.net\/wp-content\/uploads\/2021\/07\/design1-1-1024x132.png 1024w, https:\/\/agile-software.net\/wp-content\/uploads\/2021\/07\/design1-1-300x39.png 300w, https:\/\/agile-software.net\/wp-content\/uploads\/2021\/07\/design1-1-768x99.png 768w, https:\/\/agile-software.net\/wp-content\/uploads\/2021\/07\/design1-1.png 1192w, http:\/\/www.agile-software.site\/wp-content\/uploads\/2021\/07\/design1-1-1024x132.png 856w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u30b5\u30d6\u30da\u30fc\u30b8\u3092\u4f5c\u308b<\/h2>\n\n\n\n<div class=\"wp-block-jin-gb-block-box-with-headline kaisetsu-box1\"><div class=\"kaisetsu-box1-title\">\u884c\u30fb\u5217\u306e\u9023\u7d50<\/div>\n<p>colspan\u3067\u6a2a\u65b9\u5411\u306e\u9023\u7d50\u3002rowspan\u3067\u7e26\u65b9\u5411\u306e\u9023\u7d50\u3002<\/p>\n<\/div>\n\n\n\nhttp:\/\/www.agile-software.site\/2021\/06\/27\/table\/\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8868\u306e\u4f5c\u6210<\/li>\n<\/ul>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;section&gt;\n&lt;h2&gt;ITEM&lt;\/h2&gt;\n&lt;table&gt;\n&lt;tr&gt;\n&lt;th&gt;&lt;img src=&quot;image\/item1.jpg&quot; alt=&quot;\u30a6\u30a7\u30a2&quot;&gt;&lt;\/th&gt;\n&lt;td&gt;\u30ac\u30fc\u30c7\u30cb\u30f3\u30b0\u4f5c\u696d\u3092\u30aa\u30b7\u30e3\u30ec\u306b\u3002&lt;\/td&gt;\n&lt;td&gt;6,980\u5186&lt;\/td&gt;\n&lt;\/tr&gt;\n&lt;tr&gt;\n&lt;th&gt;&lt;img src=&quot;image\/item2.jpg&quot; alt=&quot;\u9262\u690d\u3048&quot;&gt;&lt;\/th&gt;\n&lt;td&gt;\u80b2\u3066\u3084\u3059\u3044\u30b0\u30ea\u30fc\u30f3\u30cd\u30c3\u30af\u30ec\u30b9\u3002&lt;\/td&gt;\n&lt;td&gt;1,500\u5186&lt;\/td&gt;\n&lt;\/tr&gt;\n&lt;tr&gt;\n&lt;th&gt;&lt;img src=&quot;image\/item3.jpg&quot; alt=&quot;\u30dd\u30c3\u30c8&quot;&gt;&lt;\/th&gt;\n&lt;td&gt;\u30a4\u30f3\u30c6\u30ea\u30a2\u306b\u3082\u306a\u308b\u6728\u88fd\u30dd\u30c3\u30c8\u3002&lt;\/td&gt;\n&lt;td&gt;700\u5186&lt;\/td&gt;\n&lt;\/tr&gt;\n&lt;\/table&gt;\n&lt;\/section&gt;<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Google\u30de\u30c3\u30d7\u306e\u57cb\u3081\u8fbc\u307f<\/h3>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size\">\u4f4f\u6240\u5165\u529b<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size\">\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u300c\u5730\u56f3\u3092\u5171\u6709\u307e\u305f\u306f\u57cb\u3081\u8fbc\u3080\u300d\u3092\u9078\u629e<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size\">\u300c\u5730\u56f3\u3092\u57cb\u3081\u8fbc\u3080\u300d\u306eURL\u3092\u30b3\u30d4\u30fc<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-large-font-size\">\u8cbc\u308a\u4ed8\u3051<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;section&gt;\n&lt;h2&gt;MAP&lt;\/h2&gt;\n&lt;iframe src=&quot;https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3241.1126272647284!2d139.70430291405904!3d35.67422868019593!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188cbc77cfc555%3A0x8616d5c79d061f31!2z44CSMTUwLTAwMDEg5p2x5Lqs6YO95riL6LC35Yy656We5a6u5YmN77yR5LiB55uu77yR4oiS77yR77yS!5e0!3m2!1sja!2sjp!4v1474711678659&quot; width=&quot;600&quot; height=&quot;450&quot; frameborder=&quot;0&quot; style=&quot;border:0&quot; allowfullscreen&gt;&lt;\/iframe&gt;\n&lt;\/section&gt;<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30ea\u30f3\u30af\u8a2d\u5b9a<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;ul&gt;\n&lt;li&gt;&lt;a href=&quot;index.html&quot;&gt;TOP&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=&quot;item.html&quot;&gt;ITEM&lt;\/a&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;a href=&quot;map.html&quot;&gt;MAP&lt;\/a&gt;&lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">CSS<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u30c6\u30ad\u30b9\u30c8\u306e\u8272\u3092\u6307\u5b9a<\/li>\n\n\n\n<li>\u30c6\u30ad\u30b9\u30c8\u306e\u5927\u304d\u3055\u3092\u6307\u5b9a<\/li>\n\n\n\n<li>HTML\u306bCSS\u3092\u8aad\u307f\u8fbc\u3080<\/li>\n<\/ul>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>h1{\ncolor:green;\nfont-size:250%;\n}<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">HTML<\/h3>\n\n\n\n<p>media\u5c5e\u6027\u3067\u305d\u306eCSS\u30d5\u30a1\u30a4\u30eb\u304c\u3069\u3093\u306a\u30e1\u30c7\u30a3\u30a2\u3067\u5229\u7528\u3059\u308b\u304b\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;link href=&quot;style.css&quot; media=&quot;all&quot; rel=&quot;stylesheet&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b0\u30eb\u30fc\u30d7\u5316<\/h3>\n\n\n\n<p>div\u30bf\u30b0\u3092\u5229\u7528\u3057\u8907\u6570\u306e\u8981\u7d20\u3092\u30b0\u30eb\u30fc\u30d7\u5316\u3057\u307e\u3059\u3002<br>\u30d8\u30c3\u30c0\u30fc\u3068\u30d5\u30c3\u30bf\u30fc\u4ee5\u5916\u3092div\u30bf\u30b0\u3067\u56f2\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>&lt;div&gt;\n\u30fb\n\u30fb\n\u30fb\n&lt;\/div&gt;<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">CSS\u30ec\u30a4\u30a2\u30a6\u30c8<\/h2>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4276705529344958\" crossorigin=\"anonymous\"><\/script>\n<!-- Agile\u80b2\u6210\u30d6\u30ed\u30b0 -->\n<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-client=\"ca-pub-4276705529344958\" data-ad-slot=\"9009931297\" data-ad-format=\"auto\" data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>HTML\u306e\u30d9\u30fc\u30b9\u3092\u4f5c\u6210 HTML Web\u8868\u793a \u30b5\u30d6\u30da\u30fc\u30b8\u3092\u4f5c\u308b Google\u30de\u30c3\u30d7\u306e\u57cb\u3081\u8fbc\u307f \u4f4f\u6240\u5165\u529b \u30e1\u30cb\u30e5\u30fc\u304b\u3089\u300c\u5730\u56f3\u3092\u5171\u6709\u307e\u305f\u306f\u57cb\u3081\u8fbc\u3080\u300d\u3092\u9078\u629e \u300c\u5730\u56f3\u3092\u57cb\u3081\u8fbc\u3080\u300d\u306eURL\u3092\u30b3\u30d4\u30fc \u8cbc\u308a\u4ed8\u3051 \u30ea\u30f3\u30af\u8a2d\u5b9a CSS H<\/p>\n","protected":false},"author":1,"featured_media":1203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[22],"tags":[],"class_list":["post-1164","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-22"],"_links":{"self":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1164"}],"version-history":[{"count":5,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1164\/revisions"}],"predecessor-version":[{"id":2270,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/1164\/revisions\/2270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/media\/1203"}],"wp:attachment":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}