{"id":910,"date":"2023-04-12T13:47:14","date_gmt":"2023-04-12T04:47:14","guid":{"rendered":"http:\/\/edu.ujhb.org\/?p=910"},"modified":"2025-04-18T19:30:07","modified_gmt":"2025-04-18T10:30:07","slug":"html%e5%85%a5%e9%96%80%ef%bc%88%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%ef%bc%89","status":"publish","type":"post","link":"https:\/\/edu.ujhb.org\/?p=910","title":{"rendered":"HTML\u5165\u9580\uff08\u65e5\u672c\u8a9e\u7248\uff09"},"content":{"rendered":"\n<p>IT\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u30d3\u30c7\u30aa\u3092\u3084\u308a\u305f\u3044\u306e\u3067\u3059\u304c\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u5fdc\u3058\u3066\u30d3\u30c7\u30aa\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u914d\u7f6e\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u304b\u3002 HTML\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3001\u305d\u3057\u3066\u3042\u306a\u305f\u306f\u79c1\u306b\u30ab\u30d0\u30fc\u3059\u308b\u3082\u306e\u306e\u30ea\u30b9\u30c8\u3092\u4e0e\u3048\u308b\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p>\u3082\u3061\u308d\u3093\u3067\u3059\uff01 \u4ee5\u4e0b\u306f\u3001\u53ef\u80fd\u306aHTML\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u6982\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>HTML \u306e\u6982\u8981\n<ul class=\"wp-block-list\">\n<li>HTML \u3068\u306f\u4f55\u3067\u3059\u304b?<\/li>\n\n\n\n<li>HTML\u306e\u6b74\u53f2\u3068\u30d0\u30fc\u30b8\u30e7\u30f3<\/li>\n\n\n\n<li>HTML \u304c\u884c\u3046\u3053\u3068\u3068\u884c\u3046\u3053\u3068<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>HTML \u30d5\u30a1\u30a6\u30f3\u30c7\u30fc\u30b7\u30e7\u30f3\n<ul class=\"wp-block-list\">\n<li>HTML \u30d5\u30a1\u30a4\u30eb\u69cb\u9020<\/li>\n\n\n\n<li>HTML \u8981\u7d20\u3068\u30bf\u30b0<\/li>\n\n\n\n<li>HTML \u5c5e\u6027<\/li>\n\n\n\n<li>HTML \u30c6\u30ad\u30b9\u30c8\u306e\u66f8\u5f0f\u8a2d\u5b9a<\/li>\n\n\n\n<li>HTML \u30b3\u30e1\u30f3\u30c8<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>HTML \u30c6\u30ad\u30b9\u30c8 \u30b3\u30f3\u30c6\u30f3\u30c4\n<ul class=\"wp-block-list\">\n<li>\u898b\u51fa\u3057\u3068\u6bb5\u843d<\/li>\n\n\n\n<li>\u30ea\u30b9\u30c8<\/li>\n\n\n\n<li>\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af<\/li>\n\n\n\n<li>\u753b\u50cf<\/li>\n\n\n\n<li>\u5f62<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>HTML \u30d5\u30a9\u30fc\u30e0\n<ul class=\"wp-block-list\">\n<li>\u30d5\u30a9\u30fc\u30e0\u8981\u7d20<\/li>\n\n\n\n<li>\u30d5\u30a9\u30fc\u30e0\u306e\u30d7\u30ed\u30d1\u30c6\u30a3<\/li>\n\n\n\n<li>\u30d5\u30a9\u30fc\u30e0\u5165\u529b\u30bf\u30a4\u30d7<\/li>\n\n\n\n<li>\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>HTML \u306e\u9ad8\u5ea6\u306a\u30c6\u30af\u30cb\u30c3\u30af\n<ul class=\"wp-block-list\">\n<li>HTML5 \u306e\u65b0\u6a5f\u80fd<\/li>\n\n\n\n<li>\u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2\u8981\u7d20<\/li>\n\n\n\n<li>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30f3<\/li>\n\n\n\n<li>SEO\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9<\/li>\n\n\n\n<li>\u30a6\u30a7\u30d6\u6a19\u6e96\u3068\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>\u4e0a\u8a18\u306f\u53ef\u80fd\u306aHTML\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u6982\u8981\u3067\u3059\u3001\u3082\u3061\u308d\u3093\u3001\u7279\u5b9a\u306e\u6559\u80b2\u5185\u5bb9\u306f\u7570\u306a\u308b\u5834\u5408\u304c\u3042\u308a\u3001\u3042\u306a\u305f\u81ea\u8eab\u306e\u7d4c\u9a13\u3068\u89b3\u5bdf\u306b\u5f93\u3063\u3066\u8abf\u6574\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u6982\u8981\u304c\u304a\u5f79\u306b\u7acb\u3066\u3070\u5e78\u3044\u3067\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML(\u30cf\u30a4\u30d1\u30fc\u30c6\u30ad\u30b9\u30c8\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e)\u306f\u3001Web\u30da\u30fc\u30b8\u306e\u4f5c\u6210\u306b\u4f7f\u7528\u3055\u308c\u308b\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e\u3067\u3059\u3002 \u3053\u308c\u306fWeb\u958b\u767a\u306e\u57fa\u76e4\u3067\u3042\u308a\u3001Web\u30da\u30fc\u30b8\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u30c4\u30fc\u30eb\u306e1\u3064\u3067\u3059\u3002 HTML \u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u958b\u767a\u8005\u306f\u30da\u30fc\u30b8\u306e\u69cb\u9020\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u30b9\u30bf\u30a4\u30eb\u3001\u304a\u3088\u3073\u5bfe\u8a71\u52d5\u4f5c\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>HTML\u306f\u3082\u3068\u3082\u3068\u3001\u79d1\u5b66\u8005\u304c\u7814\u7a76\u7d50\u679c\u3092\u5171\u6709\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u305f\u3081\u306b\u30011989\u5e74\u306bTim Berners-Lee\u306b\u3088\u3063\u3066\u767a\u660e\u3055\u308c\u307e\u3057\u305f\u3002 \u3053\u308c\u306f\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e\u3067\u3042\u308a\u3001\u305d\u306e\u4e3b\u306a\u5f79\u5272\u306f\u30c6\u30ad\u30b9\u30c8\u3084\u753b\u50cf\u306a\u3069\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3057\u3001Web\u30da\u30fc\u30b8\u3067\u306e\u8868\u793a\u65b9\u6cd5\u3068\u64cd\u4f5c\u65b9\u6cd5\u3092\u793a\u3059\u3053\u3068\u3067\u3059\u3002 HTML\u306f\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3092\u4f7f\u7528\u3057\u3066\u3001\u4e8b\u524d\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u300c\u30bf\u30b0\u300d\u3068\u300c\u5c5e\u6027\u300d\u3092\u4f7f\u7528\u3057\u3066Web\u30da\u30fc\u30b8\u306e\u69cb\u9020\u3068\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5b9a\u7fa9\u3057\u3001\u958b\u767a\u8005\u306f\u6240\u5b9a\u306e\u65b9\u6cd5\u3067\u305d\u308c\u3089\u3092\u4f7f\u7528\u3059\u308b\u3060\u3051\u3067\u6e08\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<p>HTML \u662f\u4e00\u79cd\u201c\u6807\u8bb0\u8bed\u8a00\u201d\uff0c\u800c\u4e0d\u662f\u4e00\u79cd\u201c\u7f16\u7a0b\u8bed\u8a00\u201d\u3002\u5b83\u4e0e\u7f16\u7a0b\u8bed\u8a00\u7684\u4e3b\u8981\u533a\u522b\u5728\u4e8e\uff0cHTML \u53ea\u80fd\u5b9a\u4e49\u9759\u6001\u7684\u5185\u5bb9\u548c\u9875\u9762\u7ed3\u6784\uff0c\u800c\u65e0\u6cd5\u5b9a\u4e49\u52a8\u6001\u7684\u7a0b\u5e8f\u884c\u4e3a\u3002\u8981\u5b9e\u73b0\u52a8\u6001\u7684\u529f\u80fd\uff0c\u9700\u8981\u501f\u52a9 JavaScript \u7b49\u5176\u4ed6\u7f16\u7a0b\u8bed\u8a00\u3002<\/p>\n\n\n\n<p>HTML \u53ef\u4ee5\u7528\u4e8e\u521b\u5efa\u5404\u79cd\u7c7b\u578b\u7684\u7f51\u9875\uff0c\u5305\u62ec\u535a\u5ba2\u3001\u5546\u4e1a\u7f51\u7ad9\u3001\u793e\u4ea4\u5a92\u4f53\u9875\u9762\u7b49\u7b49\u3002\u968f\u7740 Web \u6280\u672f\u7684\u4e0d\u65ad\u53d1\u5c55\uff0cHTML \u4e5f\u5728\u4e0d\u65ad\u66f4\u65b0\u548c\u53d1\u5c55\uff0c\u76ee\u524d\u6700\u65b0\u7684\u7248\u672c\u662f HTML5\u3002HTML \u7684\u4f7f\u7528\u662f Web \u5f00\u53d1\u7684\u57fa\u7840\uff0c\u5bf9\u4e8e\u60f3\u8981\u6210\u4e3a\u4e00\u540d Web \u5f00\u53d1\u8005\u7684\u4eba\u6765\u8bf4\uff0c\u5b66\u4e60 HTML \u662f\u5fc5\u4e0d\u53ef\u5c11\u7684\u4e00\u6b65\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML\uff08HyperText Markup Language\uff09\u662f\u4e00\u79cd\u7528\u4e8e\u521b\u5efa Web \u9875\u9762\u7684\u6807\u8bb0\u8bed\u8a00\u3002\u5b83\u6700\u521d\u4e8e 1989 \u5e74\u7531 Tim Berners-Lee \u5f00\u53d1\uff0c\u65e8\u5728\u8ba9\u79d1\u5b66\u5bb6\u4eec\u80fd\u591f\u5171\u4eab\u548c\u4ea4\u6d41\u7814\u7a76\u6210\u679c\u3002\u968f\u7740 Web \u6280\u672f\u7684\u53d1\u5c55\uff0cHTML \u4e5f\u4e0d\u65ad\u66f4\u65b0\u548c\u53d1\u5c55\uff0c\u4e0b\u9762\u662f HTML \u7684\u5386\u53f2\u548c\u7248\u672c\u7684\u8be6\u7ec6\u89e3\u91ca\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>HTML 1.0 HTML 1.0 \u662f\u6700\u521d\u7684 HTML \u7248\u672c\uff0c\u4e8e 1991 \u5e74\u53d1\u5e03\u3002\u5b83\u5305\u542b\u4e86\u6700\u57fa\u672c\u7684 HTML \u6807\u7b7e\u548c\u5143\u7d20\uff0c\u5982 &lt;HTML&gt;\u3001&lt;HEAD&gt;\u3001&lt;BODY&gt;\u3001&lt;P&gt;\u3001&lt;IMG&gt; \u7b49\u7b49\u3002HTML 1.0 \u7684\u4e3b\u8981\u4f5c\u7528\u662f\u4e3a\u4e86\u8ba9\u79d1\u5b66\u5bb6\u4eec\u53ef\u4ee5\u5171\u4eab\u6587\u6863\u548c\u7814\u7a76\u6210\u679c\u3002<\/li>\n\n\n\n<li>HTML 2.0 HTML 2.0 \u4e8e 1995 \u5e74\u53d1\u5e03\uff0c\u662f HTML \u7684\u7b2c\u4e8c\u4e2a\u7248\u672c\u3002\u5b83\u65b0\u589e\u4e86\u4e00\u4e9b\u65b0\u7684\u6807\u7b7e\u548c\u5143\u7d20\uff0c\u5982 &lt;TABLE&gt;\u3001&lt;FORM&gt;\u3001&lt;INPUT&gt; \u7b49\u7b49\u3002HTML 2.0 \u4e5f\u662f Web \u4e0a\u6700\u65e9\u5e7f\u6cdb\u4f7f\u7528\u7684\u7248\u672c\u4e4b\u4e00\u3002<\/li>\n\n\n\n<li>HTML 3.0 HTML 3.0 \u4e8e 1995 \u5e74\u53d1\u5e03\uff0c\u662f HTML \u7684\u7b2c\u4e09\u4e2a\u7248\u672c\u3002\u5b83\u5728 HTML 2.0 \u7684\u57fa\u7840\u4e0a\u65b0\u589e\u4e86\u66f4\u591a\u7684\u6807\u7b7e\u548c\u5143\u7d20\uff0c\u5982 &lt;IFRAME&gt;\u3001&lt;LAYER&gt;\u3001&lt;FONT&gt; \u7b49\u7b49\u3002HTML 3.0 \u8fd8\u5f15\u5165\u4e86 CSS\uff08\u5c42\u53e0\u6837\u5f0f\u8868\uff09\uff0c\u8fd9\u662f\u4e00\u79cd\u7528\u4e8e\u63a7\u5236\u9875\u9762\u6837\u5f0f\u7684\u65b0\u6280\u672f\u3002<\/li>\n\n\n\n<li>HTML 4.0 HTML 4.0 \u4e8e 1997 \u5e74\u53d1\u5e03\uff0c\u662f HTML \u7684\u7b2c\u56db\u4e2a\u7248\u672c\u3002\u5b83\u7ee7\u627f\u4e86 HTML 3.0 \u7684\u6807\u7b7e\u548c\u5143\u7d20\uff0c\u5e76\u65b0\u589e\u4e86\u66f4\u591a\u7684\u6807\u7b7e\u548c\u5143\u7d20\uff0c\u5982 &lt;DIV&gt;\u3001&lt;SPAN&gt;\u3001&lt;EMBED&gt;\u3001&lt;OBJECT&gt; \u7b49\u7b49\u3002HTML 4.0 \u8fd8\u5f15\u5165\u4e86 DTD\uff08\u6587\u6863\u7c7b\u578b\u5b9a\u4e49\uff09\uff0c\u7528\u4e8e\u89c4\u5b9a HTML \u6587\u6863\u7684\u7ed3\u6784\u548c\u5185\u5bb9\u3002<\/li>\n\n\n\n<li>XHTML 1.0 XHTML 1.0 \u4e8e 2000 \u5e74\u53d1\u5e03\uff0c\u662f HTML \u7684\u4e00\u79cd XML\uff08\u53ef\u6269\u5c55\u6807\u8bb0\u8bed\u8a00\uff09\u7248\u672c\u3002XHTML 1.0 \u4e25\u683c\u9075\u5faa XML \u7684\u89c4\u8303\uff0c\u5f3a\u5236\u8981\u6c42\u6240\u6709\u7684 HTML \u6807\u7b7e\u5fc5\u987b\u6b63\u786e\u5d4c\u5957\u548c\u5173\u95ed\u3002XHTML 1.0 \u7684\u76ee\u7684\u662f\u4e3a\u4e86\u4f7f Web \u9875\u9762\u66f4\u52a0\u89c4\u8303\u548c\u6807\u51c6\u5316\u3002<\/li>\n\n\n\n<li>HTML5 HTML5 \u662f\u76ee\u524d\u6700\u65b0\u7684 HTML \u7248\u672c\uff0c\u4e8e 2014 \u5e74\u6b63\u5f0f\u53d1\u5e03\u3002\u5b83\u662f HTML 4.01 \u7684\u7ee7\u627f\u8005\uff0c\u5305\u542b\u4e86\u8bb8\u591a\u65b0\u7684\u6807\u7b7e\u548c\u5143\u7d20\uff0c\u5982 &lt;VIDEO&gt;\u3001&lt;AUDIO&gt;\u3001&lt;CANVAS&gt;\u3001&lt;NAV&gt;\u3001&lt;HEADER&gt; \u7b49\u7b49\u3002HTML5 \u8fd8\u652f\u6301 Web \u5e94\u7528\u7a0b\u5e8f\uff0c\u5305\u62ec\u79bb\u7ebf\u5b58\u50a8\u3001\u5730\u7406\u5b9a\u4f4d\u3001\u62d6\u653e\u7b49\u529f\u80fd\u3002HTML5 \u4f7f\u5f97\u5f00\u53d1\u8005\u80fd\u591f\u521b\u5efa\u66f4\u52a0<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML(\u30cf\u30a4\u30d1\u30fc\u30c6\u30ad\u30b9\u30c8\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e)\u306f\u3001Web\u30da\u30fc\u30b8\u306e\u4f5c\u6210\u306b\u4f7f\u7528\u3055\u308c\u308b\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e\u3067\u3059\u3002 \u305d\u306e\u5f79\u5272\u306f\u3001Web \u30da\u30fc\u30b8\u306b\u69cb\u9020\u3068\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u63d0\u4f9b\u3057\u3001Web \u30da\u30fc\u30b8\u306e\u5916\u89b3\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5236\u5fa1\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u3067\u3059\u3002 HTML \u306e\u4e3b\u306a\u7528\u9014\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Web \u30da\u30fc\u30b8 \u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u4f5c\u6210 HTML \u306f\u3001\u30c6\u30ad\u30b9\u30c8\u3001\u753b\u50cf\u3001\u30d3\u30c7\u30aa\u306a\u3069\u306e Web \u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 HTML \u30bf\u30b0\u3068\u8981\u7d20\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u8005\u306f\u3055\u307e\u3056\u307e\u306a\u7a2e\u985e\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092 Web \u30da\u30fc\u30b8\u306b\u57cb\u3081\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u3001\u30ab\u30e9\u30d5\u30eb\u306a Web \u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>Web \u30da\u30fc\u30b8\u306e\u69cb\u9020\u3092\u5b9a\u7fa9\u3059\u308b HTML \u306f\u3001Web \u30da\u30fc\u30b8\u306e\u69cb\u9020\u3068\u968e\u5c64\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 HTML\u30bf\u30b0\u3068\u8981\u7d20\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u8005\u306f\u898b\u51fa\u3057\u3001\u6bb5\u843d\u3001\u30ea\u30b9\u30c8\u3001\u8868\u306a\u3069\u306eWeb\u30da\u30fc\u30b8\u306e\u69cb\u9020\u3092\u4f5c\u6210\u3057\u3001Web\u30da\u30fc\u30b8\u3092\u3088\u308a\u660e\u78ba\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>Web \u30da\u30fc\u30b8 \u30ec\u30a4\u30a2\u30a6\u30c8\u306e\u5236\u5fa1 HTML \u306f\u3001Web \u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u5916\u89b3\u3092\u5236\u5fa1\u3057\u307e\u3059\u3002 HTML\u30bf\u30b0\u3068\u8981\u7d20\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306b\u3088\u308a\u3001\u958b\u767a\u8005\u306fWeb\u30da\u30fc\u30b8\u306e\u30b9\u30bf\u30a4\u30eb\u3001\u8272\u3001\u30d5\u30a9\u30f3\u30c8\u3001\u304a\u3088\u3073\u305d\u306e\u4ed6\u306e\u5c5e\u6027\u3092\u5b9a\u7fa9\u3057\u3066\u3001Web\u30da\u30fc\u30b8\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u7f8e\u5b66\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>Web \u30da\u30fc\u30b8 \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b HTML \u306f\u3001Web \u30da\u30fc\u30b8\u306e\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 \u958b\u767a\u8005\u306f\u3001HTML \u30bf\u30b0\u3068\u8981\u7d20\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c Web \u30da\u30fc\u30b8\u9593\u3092\u79fb\u52d5\u3057\u305f\u308a\u30b8\u30e3\u30f3\u30d7\u3057\u305f\u308a\u3067\u304d\u308b\u30ea\u30f3\u30af\u3084\u30dc\u30bf\u30f3\u306a\u3069\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001HTML\u306fWeb\u958b\u767a\u306e\u57fa\u76e4\u3067\u3042\u308a\u3001\u3088\u308a\u30ab\u30e9\u30d5\u30eb\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u7f8e\u3057\u3044Web\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u69cb\u9020\u3001\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u304a\u3088\u3073\u5916\u89b3\u5236\u5fa1\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306f\u3001\u6b21\u306e\u90e8\u5206\u3067\u69cb\u6210\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>&lt;! DOCTYPE&gt; &lt;\u5ba3\u8a00\u3057\u3066\u304f\u3060\u3055\u3044! DOCTYPE&gt; \u5ba3\u8a00\u306f\u3001\u73fe\u5728\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u304c\u3069\u306e HTML \u30d0\u30fc\u30b8\u30e7\u30f3\u3067\u66f8\u304d\u8fbc\u307e\u308c\u3066\u3044\u308b\u304b\u3092\u30d6\u30e9\u30a6\u30b6\u306b\u6307\u793a\u3057\u307e\u3059\u3002 &lt;! DOCTYPE&gt; \u5ba3\u8a00\u306f\u901a\u5e38\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u5148\u982d\u306b\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>&lt;html&gt; \u30bf\u30b0 &lt;html&gt; \u30bf\u30b0\u306f\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30eb\u30fc\u30c8\u8981\u7d20\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 &lt;html&gt; \u30bf\u30b0\u3067\u306f\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u8a00\u8a9e\u3084\u305d\u306e\u4ed6\u306e\u30e1\u30bf\u60c5\u5831\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>&lt;head&gt;\u30bf\u30b0 &lt;head&gt; \u30bf\u30b0\u306f\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30d8\u30c3\u30c0\u30fc\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 &lt;head&gt;\u30bf\u30b0\u3067\u306f\u3001HTML\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30bf\u30a4\u30c8\u30eb\u3001\u6587\u5b57\u30bb\u30c3\u30c8\u3001\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3001\u30b9\u30af\u30ea\u30d7\u30c8\u306a\u3069\u306e\u30e1\u30bf\u60c5\u5831\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>&lt;body&gt;\u30bf\u30b0 &lt;body&gt; \u30bf\u30b0\u306f\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30dc\u30c7\u30a3\u90e8\u5206\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 &lt;body&gt; \u30bf\u30b0\u3067\u306f\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u3001\u30b9\u30bf\u30a4\u30eb\u306a\u3069\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u8981\u7d20 \u8981\u7d20\u306f\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u4e2d\u3067\u6700\u3082\u57fa\u672c\u7684\u306a\u5358\u4f4d\u3067\u3059\u3002 \u5404\u8981\u7d20\u306f\u3001\u958b\u59cb\u30bf\u30b0\u3001\u7d42\u4e86\u30bf\u30b0\u3001\u304a\u3088\u3073\u8981\u7d20\u30b3\u30f3\u30c6\u30f3\u30c4\u3067\u69cb\u6210\u3055\u308c\u307e\u3059\u3002 \u901a\u5e38\u3001\u958b\u59cb\u30bf\u30b0\u3068\u7d42\u4e86\u30bf\u30b0\u306f\u5c71\u304b\u3063\u3053\u3067\u56f2\u307e\u308c\u3001\u8981\u7d20\u306e\u5185\u5bb9\u306f 2 \u3064\u306e\u30bf\u30b0\u306e\u9593\u306b\u914d\u7f6e\u3055\u308c\u307e\u3059\u3002 \u8981\u7d20\u306b\u306f\u3001\u4ed6\u306e\u8981\u7d20\u3084\u30c6\u30ad\u30b9\u30c8 \u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30e1\u30f3\u30c8 \u30b3\u30e1\u30f3\u30c8\u306f\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306b\u4fbf\u5229\u3067\u3059\u3002 \u30b3\u30e1\u30f3\u30c8\u306f\u3001\u958b\u767a\u8005\u304c HTML \u30b3\u30fc\u30c9\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3057\u3001\u7dad\u6301\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u5358\u7d14\u306a HTML \u30d5\u30a1\u30a4\u30eb\u69cb\u9020\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">phpCopy code<code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n  &lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;title&gt;My HTML Page&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;h1&gt;Welcome to my HTML page&lt;\/h1&gt;\n    &lt;p&gt;This is the first paragraph.&lt;\/p&gt;\n    &lt;p&gt;This is the second paragraph.&lt;\/p&gt;\n    &lt;!-- This is a comment --&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001&lt;! DOCTYPE&gt; \u5ba3\u8a00\u306f\u3001HTML5 \u6a19\u6e96\u3092\u4f7f\u7528\u3057\u3066\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u89e3\u6790\u3059\u308b\u3088\u3046\u306b\u30d6\u30e9\u30a6\u30b6\u30fc\u306b\u6307\u793a\u3057\u307e\u3059\u3002 &lt;html &gt;\u30bf\u30b0\u306f\u3001HTML \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30eb\u30fc\u30c8\u8981\u7d20\u3092\u5b9a\u7fa9\u3057\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u8a00\u8a9e\u304c\u82f1\u8a9e\u3067\u3042\u308b\u3053\u3068\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002 &lt;head&gt; \u30bf\u30b0\u306b\u306f\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30bf\u30a4\u30c8\u30eb\u3068\u6587\u5b57\u30bb\u30c3\u30c8\u60c5\u5831\u304c\u542b\u307e\u308c\u307e\u3059\u3002 &lt;body&gt; \u30bf\u30b0\u306b\u306f\u3001&lt;&gt; \u3064\u306e\u6bb5\u843d\u3068\u898b\u51fa\u3057\u3092\u542b\u3080\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30e1\u30a4\u30f3\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u542b\u307e\u308c\u307e\u3059\u3002 \u6700\u5f8c\u306b\u3001\u30b3\u30fc\u30c9\u30b3\u30e1\u30f3\u30c8\u3092\u6539\u5584\u3059\u308b\u305f\u3081\u306b\u3001\u30b3\u30e1\u30f3\u30c8\u304cHTML\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u8ffd\u52a0\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u5c5e\u6027\u306f\u3001HTML \u8981\u7d20\u306e\u5c5e\u6027\u307e\u305f\u306f\u7279\u6027\u3092\u5b9a\u7fa9\u3059\u308b\u30ad\u30fc\u30ef\u30fc\u30c9\u3067\u3059\u3002 HTML \u30bf\u30b0\u3067\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u8981\u7d20\u306e\u52d5\u4f5c\u3001\u30b9\u30bf\u30a4\u30eb\u3001\u304a\u3088\u3073\u6a5f\u80fd\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002 HTML \u3067\u306f\u3001\u5c5e\u6027\u306f\u5e38\u306b\u958b\u59cb\u30bf\u30b0\u3067\u56f2\u307e\u308c\u3001\u6b21\u306e\u3088\u3046\u306b\u540d\u524d\u3068\u5024\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;tagname attribute_name=\"attribute_value\"><br><\/code><\/pre>\n\n\n\n<p>\u3053\u306e\u4f8b\u3067\u306f\u3001 \u306f HTML \u8981\u7d20\u306e\u540d\u524d\u3001 \u306f\u5c5e\u6027\u306e\u540d\u524d\u3001 \u306f\u5c5e\u6027\u306e\u5024\u3067\u3059\u3002 HTML \u8981\u7d20\u306f\u3001\u30b9\u30da\u30fc\u30b9\u3067\u533a\u5207\u3089\u308c\u305f\u8907\u6570\u306e\u5c5e\u6027\u3092\u6301\u3064\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<code>tagname<\/code><code>attribute_name<\/code><code>attribute_value<\/code><\/p>\n\n\n\n<p>HTML \u3067\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u5c5e\u6027\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>id \u5c5e\u6027 id \u5c5e\u6027\u306f\u3001JavaScript \u304a\u3088\u3073 CSS \u3067\u4f7f\u7528\u3059\u308b HTML \u8981\u7d20\u306e\u4e00\u610f\u306e\u8b58\u5225\u5b50\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 id \u5c5e\u6027\u306e\u5024\u306f\u4e00\u610f\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u3001\u30b9\u30da\u30fc\u30b9\u3092\u542b\u3081\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u305b\u3093\u3002<\/li>\n\n\n\n<li>class \u5c5e\u6027 class \u5c5e\u6027\u306f\u3001CSS \u3067\u4f7f\u7528\u3059\u308b HTML \u8981\u7d20\u306e 1 \u3064\u4ee5\u4e0a\u306e\u30af\u30e9\u30b9\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 class \u5c5e\u6027\u306e\u5024\u306b\u306f\u3001\u30b9\u30da\u30fc\u30b9\u3067\u533a\u5207\u3089\u308c\u305f\u8907\u6570\u306e\u30af\u30e9\u30b9\u540d\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>style \u5c5e\u6027 style \u5c5e\u6027\u306f\u3001\u8272\u3001\u30d5\u30a9\u30f3\u30c8\u3001\u30b5\u30a4\u30ba\u306a\u3069\u306e HTML \u8981\u7d20\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 style \u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u306f\u3001\u30bb\u30df\u30b3\u30ed\u30f3\u3067\u533a\u5207\u3089\u308c\u305f\u4e00\u9023\u306e CSS \u30b9\u30bf\u30a4\u30eb \u30eb\u30fc\u30eb\u3067\u3059\u3002<\/li>\n\n\n\n<li>src \u5c5e\u6027 src \u5c5e\u6027\u306f\u3001\u753b\u50cf\u3001\u30aa\u30fc\u30c7\u30a3\u30aa\u3001\u30d3\u30c7\u30aa\u306a\u3069\u306e HTML \u8981\u7d20\u306e URL \u30a2\u30c9\u30ec\u30b9\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 src \u5c5e\u6027\u306f\u3001\u901a\u5e38\u3001&lt;img&gt;\u3001&lt;\u30aa\u30fc\u30c7\u30a3\u30aa&gt;\u3001&lt;\u30d3\u30c7\u30aa&gt;\u306a\u3069\u306e\u8981\u7d20\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>href \u5c5e\u6027 href \u5c5e\u6027\u306f\u3001\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u3084\u30a2\u30f3\u30ab\u30fc\u306a\u3069\u306e HTML \u8981\u7d20\u306e\u30ea\u30f3\u30af \u30a2\u30c9\u30ec\u30b9\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 href \u5c5e\u6027\u306f\u3001\u901a\u5e38\u3001&lt;a&gt;\u3001&lt;\u30ea\u30f3\u30af&gt;\u306a\u3069\u306e\u8981\u7d20\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>alt \u5c5e\u6027 alt \u5c5e\u6027\u306f\u3001\u753b\u50cf\u8981\u7d20\u306b\u4ee3\u66ff\u30c6\u30ad\u30b9\u30c8\u3092\u6307\u5b9a\u3057\u3066\u3001\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u306b\u5931\u6557\u3057\u305f\u5834\u5408\u306b\u4ee3\u66ff\u30c6\u30ad\u30b9\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 alt \u5c5e\u6027\u306f\u901a\u5e38\u3001&lt;img&gt; \u8981\u7d20\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>title \u5c5e\u6027 title \u5c5e\u6027\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8981\u7d20\u306e\u4e0a\u306b\u30de\u30a6\u30b9 \u30dd\u30a4\u30f3\u30bf\u30fc\u3092\u7f6e\u3044\u305f\u3068\u304d\u306b\u8868\u793a\u3055\u308c\u308b HTML \u8981\u7d20\u306e\u30bf\u30a4\u30c8\u30eb\u3092\u6307\u5b9a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 title \u5c5e\u6027\u306f\u3001\u901a\u5e38\u3001&lt;a&gt;\u3001&lt;img&gt; \u306a\u3069\u306e\u8981\u7d20\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001HTML \u5c5e\u6027\u306f\u3001HTML \u8981\u7d20\u306e\u5c5e\u6027\u307e\u305f\u306f\u7279\u6027\u3092\u5b9a\u7fa9\u3057\u3001\u8981\u7d20\u306e\u52d5\u4f5c\u3001\u30b9\u30bf\u30a4\u30eb\u3001\u304a\u3088\u3073\u6a5f\u80fd\u3092\u5236\u5fa1\u3067\u304d\u308b\u30ad\u30fc\u30ef\u30fc\u30c9\u3067\u3059\u3002 HTML \u3067\u306f\u3001\u5c5e\u6027\u306f\u5e38\u306b\u958b\u59cb\u30bf\u30b0\u306b\u542b\u307e\u308c\u3001\u540d\u524d\u3068\u5024\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML\u30c6\u30ad\u30b9\u30c8\u306e\u66f8\u5f0f\u8a2d\u5b9a\u3068\u306f\u3001HTML\u30bf\u30b0\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30ad\u30b9\u30c8\u306e\u30b9\u30bf\u30a4\u30eb\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5236\u5fa1\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u8aad\u307f\u3084\u3059\u304f\u8aad\u307f\u3084\u3059\u304f\u3059\u308b\u3053\u3068\u3067\u3059\u3002 \u4ee5\u4e0b\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u306e\u66f8\u5f0f\u8a2d\u5b9a\u306b\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b HTML \u30bf\u30b0\u3068\u5c5e\u6027\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30bf\u30a4\u30c8\u30eb\u30bf\u30b0 (&lt;h1&gt; ~ &lt;h6&gt;): \u30bf\u30a4\u30c8\u30eb\u30bf\u30b0\u306f\u3001\u30da\u30fc\u30b8\u306e\u30bf\u30a4\u30c8\u30eb\u3068\u30b5\u30d6\u30bf\u30a4\u30c8\u30eb\u3092\u8868\u3059\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 HTML \u306b\u306f 6 \u3064\u306e\u30ec\u30d9\u30eb\u306e\u898b\u51fa\u3057\u30bf\u30b0\u304c\u3042\u308a\u3001\u6700\u9ad8\u30ec\u30d9\u30eb\u306e\u898b\u51fa\u3057\u3092\u8868\u3059 &lt;h1&gt; &lt;\u6700\u4f4e\u30ec\u30d9\u30eb\u306e\u898b\u51fa\u3057\u3092\u8868\u3059 h6&gt; \u3067\u3059\u3002<\/li>\n\n\n\n<li>\u6bb5\u843d\u30bf\u30b0 (&lt;p&gt;): \u6bb5\u843d\u30bf\u30b0\u306f\u6bb5\u843d\u3092\u8868\u3059\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 \u30d6\u30e9\u30a6\u30b6\u306f\u3001\u30da\u30fc\u30b8\u3092\u8aad\u307f\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306b\u3001\u5404\u6bb5\u843d\u306e\u9593\u306b\u7a7a\u767d\u3092\u81ea\u52d5\u7684\u306b\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c6\u30ad\u30b9\u30c8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u30bf\u30b0:HTML\u306b\u306f\u3001&lt;strong&gt;\u3001&lt;em&gt;\u3001&lt;u&gt;\u3001&lt;del&gt;\u306a\u3069\u306e\u7279\u5225\u306a\u30bf\u30b0\u304c\u3042\u308a\u3001\u30c6\u30ad\u30b9\u30c8\u3084\u305d\u306e\u4ed6\u306e\u52b9\u679c\u3092\u5f37\u8abf\u3001\u5f37\u8abf\u8868\u793a\u3001\u4e0b\u7dda\u3001\u524a\u9664\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 \u3053\u308c\u3089\u306e\u30bf\u30b0\u306f\u3001\u8aad\u8005\u304c\u30da\u30fc\u30b8\u5185\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u6539\u884c\u30bf\u30b0 (&lt;br&gt;): \u6539\u884c\u30bf\u30b0\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u306b\u6539\u884c\u3092\u633f\u5165\u3057\u3066\u3001\u30da\u30fc\u30b8\u5185\u3067\u30c6\u30ad\u30b9\u30c8\u3092\u6298\u308a\u8fd4\u3059\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 HTML\u3067\u306f\u3001\u30b9\u30da\u30fc\u30b9\u3068\u30bf\u30d6\u306f\u7121\u8996\u3055\u308c\u3001\u30c6\u30ad\u30b9\u30c8\u306e\u6298\u308a\u8fd4\u3057\u306f\u6539\u884c\u30bf\u30b0\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306b\u3088\u3063\u3066\u306e\u307f\u53ef\u80fd\u3067\u3059\u3002<\/li>\n\n\n\n<li>\u6bb5\u843d\u30a4\u30f3\u30c7\u30f3\u30c8\u30bf\u30b0(\u30d6\u30ed\u30c3\u30af\u30af\u30a9\u30fc\u30c8&lt;&gt;:\u6bb5\u843d\u30a4\u30f3\u30c7\u30f3\u30c8\u30bf\u30b0\u306f\u3001\u30a4\u30f3\u30c7\u30f3\u30c8\u3055\u308c\u305f\u6bb5\u843d\u3092\u8868\u3059\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u3001\u901a\u5e38\u306f\u4ed6\u306e\u4eba\u306e\u5358\u8a9e\u3084\u8a18\u4e8b\u306e\u6bb5\u843d\u3092\u5f15\u7528\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30ea\u30b9\u30c8 \u30e9\u30d9\u30eb (&lt;ul&gt;, &lt;ol&gt;, &lt;li&gt;): \u30ea\u30b9\u30c8 \u30e9\u30d9\u30eb\u306f\u3001\u9806\u5e8f\u4ed8\u304d\u30ea\u30b9\u30c8\u307e\u305f\u306f\u9806\u5e8f\u306a\u3057\u30ea\u30b9\u30c8\u3092\u8868\u3059\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 HTML \u306e\u30ea\u30b9\u30c8\u306b\u306f\u3001\u9806\u5e8f\u306a\u3057\u30ea\u30b9\u30c8 (&lt;ul&gt;) \u3068\u9806\u5e8f\u4ed8\u304d\u30ea\u30b9\u30c8 (&lt;ol&gt;) \u306e 2 \u7a2e\u985e\u304c\u3042\u308a\u3001\u30ea\u30b9\u30c8 \u30a2\u30a4\u30c6\u30e0\u306f &lt;li&gt; \u30bf\u30b0\u3067\u8868\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c6\u30ad\u30b9\u30c8\u914d\u7f6e\u5c5e\u6027: HTML \u306e\u30c6\u30ad\u30b9\u30c8\u914d\u7f6e\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u3001\u30c6\u30ad\u30b9\u30c8\u306e\u914d\u7f6e\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002 \u305d\u306e\u4e2d\u3067\u3001text-align \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u30c6\u30ad\u30b9\u30c8\u306e\u6c34\u5e73\u65b9\u5411\u306e\u914d\u7f6e\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u3001\u5024\u306f\u5de6\u3001\u4e2d\u592e\u3001\u53f3\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 vertical-align \u5c5e\u6027\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u306e\u5782\u76f4\u65b9\u5411\u306e\u914d\u7f6e\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u3001\u4e0a\u3001\u4e2d\u592e\u3001\u4e0b\u306a\u3069\u306e\u5024\u3092\u53d6\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001HTML\u30c6\u30ad\u30b9\u30c8\u306e\u66f8\u5f0f\u8a2d\u5b9a\u3068\u306f\u3001HTML\u30bf\u30b0\u3068\u5c5e\u6027\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30ad\u30b9\u30c8\u306e\u30b9\u30bf\u30a4\u30eb\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5236\u5fa1\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u8aad\u307f\u3084\u3059\u304f\u8aad\u307f\u3084\u3059\u304f\u3059\u308b\u3053\u3068\u3067\u3059\u3002 HTML \u306b\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u306e\u66f8\u5f0f\u8a2d\u5b9a\u306e\u305f\u3081\u306e\u591a\u304f\u306e\u30bf\u30b0\u3068\u5c5e\u6027\u304c\u542b\u307e\u308c\u3066\u304a\u308a\u3001\u5b9f\u969b\u306e\u30cb\u30fc\u30ba\u306b\u5fdc\u3058\u3066\u9069\u5207\u306a\u30bf\u30b0\u3068\u5c5e\u6027\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u3067\u306f\u3001\u30b3\u30e1\u30f3\u30c8\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u30fc\u3067\u7121\u8996\u3067\u304d\u3001Web \u30da\u30fc\u30b8\u306b\u8868\u793a\u3055\u308c\u306a\u3044\u30b3\u30fc\u30c9\u306b\u8ffd\u52a0\u3067\u304d\u308b\u30c6\u30ad\u30b9\u30c8\u3067\u3059\u3002 HTML\u30b3\u30e1\u30f3\u30c8\u306f\u3001\u30b3\u30fc\u30c9\u306e\u5f79\u5272\u3001\u4f5c\u6210\u8005\u3001\u30d0\u30fc\u30b8\u30e7\u30f3\u3001\u5909\u66f4\u8a18\u9332\u3001\u304a\u3088\u3073\u305d\u306e\u4ed6\u306e\u60c5\u5831\u3092\u8a18\u9332\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u3001\u30c7\u30d0\u30c3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u305f\u3081\u306b\u4e00\u90e8\u306e\u30b3\u30fc\u30c9\u3092\u4e00\u6642\u7684\u306b\u975e\u8868\u793a\u306b\u3059\u308b\u305f\u3081\u306b\u3082\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>HTML \u30b3\u30e1\u30f3\u30c8\u3067\u306f\u3001\u6b21\u306e\u5f62\u5f0f\u3092\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;!-- \u8fd9\u91cc\u662f\u6ce8\u91ca --&gt;\n<\/code><\/pre>\n\n\n\n<p>\u3053\u3053\u3067\u3001 \u306f\u30b3\u30e1\u30f3\u30c8\u306e\u958b\u59cb\u30bf\u30b0\u3068\u7d42\u4e86\u30bf\u30b0\u3067\u3042\u308a\u3001\u305d\u306e\u9593\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u3001\u30e9\u30d9\u30eb\u3001\u5c5e\u6027\u3001\u30c6\u30ad\u30b9\u30c8\u306a\u3069\u3092\u542b\u3080\u4efb\u610f\u306e\u30c6\u30ad\u30b9\u30c8\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30b3\u30e1\u30f3\u30c8\u306f\u3001\u5185\u90e8\u30bf\u30b0\u3001\u5916\u90e8\u30bf\u30b0\u3001\u30c6\u30ad\u30b9\u30c8\u306a\u3069\u3001HTML \u30b3\u30fc\u30c9\u5185\u306e\u4efb\u610f\u306e\u5834\u6240\u306b\u914d\u7f6e\u3067\u304d\u307e\u3059\u3002 \u30b3\u30e1\u30f3\u30c8\u306f\u30da\u30fc\u30b8\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u306b\u306f\u5f71\u97ff\u3057\u307e\u305b\u3093\u304c\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<code>&lt;!--<\/code><code>--&gt;<\/code><\/p>\n\n\n\n<p>HTML \u30b3\u30e1\u30f3\u30c8\u306e\u4f7f\u7528\u30b7\u30ca\u30ea\u30aa\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30b3\u30fc\u30c9\u306e\u5f79\u5272\u3068\u4f5c\u6210\u8005\u306b\u30b3\u30e1\u30f3\u30c8\u3059\u308b: \u30b3\u30fc\u30c9\u3092\u8a18\u8ff0\u3059\u308b\u3068\u304d\u306b\u3001\u30b3\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30fc\u30c9\u306e\u5f79\u5272\u3068\u4f5c\u6210\u8005\u3092\u8a18\u9332\u3057\u3001\u4ed6\u306e\u30e6\u30fc\u30b6\u30fc\u304c\u30b3\u30fc\u30c9\u3092\u8868\u793a\u304a\u3088\u3073\u7ba1\u7406\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b3\u30fc\u30c9\u306e\u80cc\u5f8c\u306b\u3042\u308b\u30b3\u30e1\u30f3\u30c8: Web \u30da\u30fc\u30b8\u3092\u30c7\u30d0\u30c3\u30b0\u3059\u308b\u3068\u304d\u306b\u3001\u30b3\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u4e00\u90e8\u306e\u30b3\u30fc\u30c9\u3092\u975e\u8868\u793a\u306b\u3057\u3001\u30c7\u30d0\u30c3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001\u30b3\u30fc\u30c9\u306e\u524a\u9664\u306b\u3088\u308b\u4e0d\u8981\u306a\u640d\u5931\u3092\u56de\u907f\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c7\u30d0\u30c3\u30b0 \u30b3\u30fc\u30c9\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u4ed8\u3051\u308b: Web \u30da\u30fc\u30b8\u3092\u30c7\u30d0\u30c3\u30b0\u3059\u308b\u3068\u304d\u306b\u3001\u4e00\u90e8\u306e\u30b9\u30cb\u30da\u30c3\u30c8\u3092\u30b3\u30e1\u30f3\u30c8 \u30a2\u30a6\u30c8\u3057\u3066\u30b3\u30fc\u30c9\u304c\u6b63\u3057\u304f\u5b9f\u884c\u3055\u308c\u308b\u304b\u3069\u3046\u304b\u3092\u78ba\u8a8d\u3059\u308b\u306a\u3069\u3001\u30b3\u30e1\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u30b3\u30fc\u30c9\u3092\u30c7\u30d0\u30c3\u30b0\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001HTML \u30b3\u30e1\u30f3\u30c8\u306f HTML \u30b3\u30fc\u30c9\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u8ffd\u52a0\u3059\u308b\u65b9\u6cd5\u3067\u3042\u308a\u3001\u30b3\u30fc\u30c9\u306e\u8aad\u307f\u3084\u3059\u3055\u3068\u4fdd\u5b88\u6027\u3092\u5411\u4e0a\u3055\u305b\u3001\u30b3\u30fc\u30c9\u60c5\u5831\u306e\u30c7\u30d0\u30c3\u30b0\u3068\u8a18\u9332\u3092\u5bb9\u6613\u306b\u3057\u307e\u3059\u3002 HTML\u30b3\u30e1\u30f3\u30c8\u306f\u4f7f\u3044\u3084\u3059\u304f\u3001\u30b3\u30e1\u30f3\u30c8\u306e\u5185\u5bb9\u3092\u30bf\u30b0\u3068\u30bf\u30b0\u3067\u56f2\u3080\u3060\u3051\u3067\u3059\u3002<code>&lt;!--<\/code><code>--&gt;<\/code><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u306b\u306f\u3001\u898b\u51fa\u3057\u3084\u6bb5\u843d\u306a\u3069\u306e\u30c6\u30ad\u30b9\u30c8 \u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u898b\u51fa\u3057\u3068\u6bb5\u843d\u306f\u3001Web \u30da\u30fc\u30b8\u4e0a\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u66f8\u5f0f\u8a2d\u5b9a\u3059\u308b\u6700\u3082\u57fa\u672c\u7684\u306a\u65b9\u6cd5\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u304c Web \u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u69cb\u9020\u3068\u968e\u5c64\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><\/h3>\n\n\n\n<p>HTML \u3067\u306f\u3001\u898b\u51fa\u3057\u306f to \u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002\u3053\u3053\u3067\u3001 \u306f\u6700\u9ad8\u30ec\u30d9\u30eb\u306e\u898b\u51fa\u3057\u3001 \u306f\u6700\u4e0b\u4f4d\u30ec\u30d9\u30eb\u306e\u898b\u51fa\u3057\u3067\u3059\u3002 \u30bf\u30a4\u30c8\u30eb\u30bf\u30b0\u306f\u3001Web\u30da\u30fc\u30b8\u5185\u306e\u91cd\u8981\u306a\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u8b58\u5225\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u30ec\u30d9\u30eb\u306b\u5f93\u3063\u3066\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3055\u308c\u308b\u3088\u3046\u306b\u30b9\u30bf\u30a4\u30eb\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u308b\u305f\u3081\u3001\u30e6\u30fc\u30b6\u30fc\u306f\u30bb\u30af\u30b7\u30e7\u30f3\u3092\u7c21\u5358\u306b\u533a\u5225\u3067\u304d\u307e\u3059\u3002<code>h1<\/code><code>h6<\/code><code>h1<\/code><code>h6<\/code><\/p>\n\n\n\n<p>\u4e00\u822c\u7684\u306a\u30bf\u30a4\u30c8\u30eb\u30bf\u30b0\u3092\u3044\u304f\u3064\u304b\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;h1&gt;\u8fd9\u662f\u4e00\u7ea7\u6807\u9898&lt;\/h1&gt;\n&lt;h2&gt;\u8fd9\u662f\u4e8c\u7ea7\u6807\u9898&lt;\/h2&gt;\n&lt;h3&gt;\u8fd9\u662f\u4e09\u7ea7\u6807\u9898&lt;\/h3&gt;\n&lt;h4&gt;\u8fd9\u662f\u56db\u7ea7\u6807\u9898&lt;\/h4&gt;\n&lt;h5&gt;\u8fd9\u662f\u4e94\u7ea7\u6807\u9898&lt;\/h5&gt;\n&lt;h6&gt;\u8fd9\u662f\u516d\u7ea7\u6807\u9898&lt;\/h6&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b9f\u969b\u306e\u4f7f\u7528\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304cWeb\u30da\u30fc\u30b8\u306e\u968e\u5c64\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u306b\u3001Web\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u69cb\u9020\u306b\u5fdc\u3058\u3066\u3001\u3055\u307e\u3056\u307e\u306a\u30ec\u30d9\u30eb\u306e\u30bf\u30a4\u30c8\u30eb\u30bf\u30b0\u3092\u5408\u7406\u7684\u306b\u9078\u629e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6bb5\u843d<\/h3>\n\n\n\n<p>HTML \u3067\u306f\u3001\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u6bb5\u843d\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 \u6bb5\u843d\u30bf\u30b0\u306f\u3001\u30c6\u30ad\u30b9\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u30bb\u30b0\u30e1\u30f3\u30c8\u5316\u3057\u3001\u5404\u6bb5\u843d\u3092\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 \u6bb5\u843d\u30bf\u30b0\u306b\u306f\u3001\u4ed6\u306e\u30bf\u30b0\u3084\u5c5e\u6027\u306a\u3069\u3092\u542b\u3080\u4efb\u610f\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u542b\u3081\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<code>&lt;p&gt;<\/code><\/p>\n\n\n\n<p>\u6b21\u306b\u4f8b\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;p&gt;\u8fd9\u662f\u4e00\u4e2a\u6bb5\u843d\u3002&lt;\/p&gt;\n&lt;p&gt;\u8fd9\u662f\u53e6\u4e00\u4e2a\u6bb5\u843d\u3002&lt;\/p&gt;\n<\/code><\/pre>\n\n\n\n<p>\u6bb5\u843d\u30bf\u30b0\u306f\u3001\u3088\u308a\u8907\u96d1\u306a\u30c6\u30ad\u30b9\u30c8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306e\u305f\u3081\u306b\u30cd\u30b9\u30c8\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u4f8b\u3048\u3070\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;p&gt;\u8fd9\u662f\u4e00\u4e2a\u6bb5\u843d\uff0c\u5176\u4e2d\u5305\u542b&lt;strong&gt;\u52a0\u7c97&lt;\/strong&gt;\u548c&lt;em&gt;\u659c\u4f53&lt;\/em&gt;\u6587\u672c\u3002&lt;\/p&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b9f\u969b\u306e\u4f7f\u7528\u3067\u306f\u3001\u6bb5\u843d\u30bf\u30b0\u306f\u3001\u3088\u308a\u660e\u78ba\u3067\u8aad\u307f\u3084\u3059\u3044\u30c6\u30ad\u30b9\u30c8\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u52b9\u679c\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306b\u3001Web\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u30cb\u30fc\u30ba\u306b\u5fdc\u3058\u3066\u5408\u7406\u7684\u306b\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u306b\u306f\u3001\u9806\u5e8f\u306a\u3057\u30ea\u30b9\u30c8\u3001\u9806\u5e8f\u4ed8\u304d\u30ea\u30b9\u30c8\u3001\u304a\u3088\u3073\u5b9a\u7fa9\u6e08\u307f\u30ea\u30b9\u30c8\u306e 3 \u7a2e\u985e\u306e\u30ea\u30b9\u30c8\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u30ea\u30b9\u30c8\u306f\u3001\u30c6\u30ad\u30b9\u30c8 \u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u66f8\u5f0f\u8a2d\u5b9a\u3057\u3001\u30c6\u30ad\u30b9\u30c8\u3092\u7279\u5b9a\u306e\u9806\u5e8f\u307e\u305f\u306f\u968e\u5c64\u3067\u6574\u7406\u304a\u3088\u3073\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u4e00\u822c\u7684\u306a\u65b9\u6cd5\u3067\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u9806\u5e8f\u306a\u3057\u30ea\u30b9\u30c8<\/h3>\n\n\n\n<p>\u9806\u5e8f\u306a\u3057\u30ea\u30b9\u30c8\u306f\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u5404\u30ea\u30b9\u30c8\u9805\u76ee\u306f\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u307e\u3059\u3002 \u9806\u5e8f\u306a\u3057\u30ea\u30b9\u30c8\u306e\u5404\u9805\u76ee\u306f\u3001\u901a\u5e38\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ea\u30b9\u30c8\u306e\u69cb\u9020\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u30c9\u30c3\u30c8\u307e\u305f\u306f\u305d\u306e\u4ed6\u306e\u8a18\u53f7\u3067\u30de\u30fc\u30af\u3055\u308c\u307e\u3059\u3002<code>&lt;ul&gt;<\/code><code>&lt;li&gt;<\/code><\/p>\n\n\n\n<p>\u9806\u5e8f\u306a\u3057\u30ea\u30b9\u30c8\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;ul&gt;\n  &lt;li&gt;\u5217\u8868\u9879 1&lt;\/li&gt;\n  &lt;li&gt;\u5217\u8868\u9879 2&lt;\/li&gt;\n  &lt;li&gt;\u5217\u8868\u9879 3&lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<p>\u9806\u5e8f\u306a\u3057\u30ea\u30b9\u30c8\u306f\u3001\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u30de\u30fc\u30ab\u30fc\u30b7\u30f3\u30dc\u30eb\u3068\u3057\u3066\u30c9\u30c3\u30c8\u3092\u4f7f\u7528\u3057\u307e\u3059\u304c\u3001CSS \u30b9\u30bf\u30a4\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u9806\u5e8f\u4ed8\u304d\u30ea\u30b9\u30c8<\/h3>\n\n\n\n<p>\u9806\u5e8f\u4ed8\u304d\u30ea\u30b9\u30c8\u306f\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u5404\u30ea\u30b9\u30c8\u9805\u76ee\u3082\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u307e\u3059\u3002 \u9806\u5e8f\u4ed8\u304d\u30ea\u30b9\u30c8\u306e\u5404\u9805\u76ee\u306f\u3001\u901a\u5e38\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30ea\u30b9\u30c8\u306e\u69cb\u9020\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u306b\u756a\u53f7\u3067\u30de\u30fc\u30af\u3055\u308c\u307e\u3059\u3002<code>&lt;ol&gt;<\/code><code>&lt;li&gt;<\/code><\/p>\n\n\n\n<p>\u9806\u5e8f\u4ed8\u304d\u30ea\u30b9\u30c8\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;ol&gt;\n  &lt;li&gt;\u5217\u8868\u9879 1&lt;\/li&gt;\n  &lt;li&gt;\u5217\u8868\u9879 2&lt;\/li&gt;\n  &lt;li&gt;\u5217\u8868\u9879 3&lt;\/li&gt;\n&lt;\/ol&gt;\n<\/code><\/pre>\n\n\n\n<p>\u9806\u5e8f\u4ed8\u304d\u30ea\u30b9\u30c8\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u6570\u5b57\u3067\u30de\u30fc\u30af\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001CSS\u30b9\u30bf\u30a4\u30eb\u3092\u4f7f\u7528\u3057\u3066\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30ea\u30b9\u30c8\u3092\u5b9a\u7fa9\u3059\u308b<\/h3>\n\n\n\n<p>\u30ea\u30b9\u30c8\u306e\u5b9a\u7fa9\u306f\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u5404\u30ea\u30b9\u30c8\u9805\u76ee\u306f\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u540d\u524d\u3092\u5b9a\u7fa9\u3057\u3001\u30e9\u30d9\u30eb\u3092\u4f7f\u7528\u3057\u3066\u8aac\u660e\u3092\u5b9a\u7fa9\u3057\u307e\u3059\u3002 \u5b9a\u7fa9\u30ea\u30b9\u30c8\u306f\u3001\u8a9e\u5f59\u3084\u7528\u8a9e\u306a\u3069\u3092\u4e00\u89a7\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u3088\u304f\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<code>&lt;dl&gt;<\/code><code>&lt;dt&gt;<\/code><code>&lt;dd&gt;<\/code><\/p>\n\n\n\n<p>\u5b9a\u7fa9\u6e08\u307f\u30ea\u30b9\u30c8\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;dl&gt;\n  &lt;dt&gt;\u8bcd\u6c47 1&lt;\/dt&gt;\n  &lt;dd&gt;\u63cf\u8ff0 1&lt;\/dd&gt;\n  &lt;dt&gt;\u8bcd\u6c47 2&lt;\/dt&gt;\n  &lt;dd&gt;\u63cf\u8ff0 2&lt;\/dd&gt;\n  &lt;dt&gt;\u8bcd\u6c47 3&lt;\/dt&gt;\n  &lt;dd&gt;\u63cf\u8ff0 3&lt;\/dd&gt;\n&lt;\/dl&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b9f\u969b\u306e\u4f7f\u7528\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30c6\u30ad\u30b9\u30c8\u306e\u69cb\u9020\u3068\u968e\u5c64\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3067\u304d\u308b\u3088\u3046\u306b\u3001Web\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u30cb\u30fc\u30ba\u306b\u5fdc\u3058\u3066\u3055\u307e\u3056\u307e\u306a\u7a2e\u985e\u306e\u30ea\u30b9\u30c8\u3092\u5408\u7406\u7684\u306b\u9078\u629e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u306f\u3001\u30c6\u30ad\u30b9\u30c8 \u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u66f8\u5f0f\u8a2d\u5b9a\u3057\u3066 Web \u30da\u30fc\u30b8\u306b\u30af\u30ea\u30c3\u30af\u53ef\u80fd\u306a\u30ea\u30f3\u30af\u3092\u4f5c\u6210\u3059\u308b\u4e00\u822c\u7684\u306a\u65b9\u6cd5\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u4ed6\u306e Web \u30da\u30fc\u30b8\u3001\u30d5\u30a1\u30a4\u30eb\u3001\u753b\u50cf\u3001\u304a\u3088\u3073\u305d\u306e\u4ed6\u306e\u30ea\u30bd\u30fc\u30b9\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u306f\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u30ea\u30f3\u30af\u306e\u5b9b\u5148\u30a2\u30c9\u30ec\u30b9 (Web \u30da\u30fc\u30b8\u306e URL\u3001\u30d5\u30a1\u30a4\u30eb\u3078\u306e\u30d1\u30b9\u3001\u96fb\u5b50\u30e1\u30fc\u30eb \u30a2\u30c9\u30ec\u30b9\u306a\u3069) \u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<code>&lt;a&gt;<\/code><code>href<\/code><\/p>\n\n\n\n<p>\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;a href=\"https:\/\/www.example.com\"&gt;\u8fd9\u662f\u4e00\u4e2a\u94fe\u63a5&lt;\/a&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b9f\u969b\u306b\u306f\u3001Web \u30da\u30fc\u30b8\u306b\u8907\u6570\u306e\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u95a2\u9023\u30ea\u30bd\u30fc\u30b9\u306b\u7c21\u5358\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u3055\u3089\u306b\u3001Properties \u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u3001\u65b0\u3057\u3044\u30a6\u30a3\u30f3\u30c9\u30a6\u3084\u73fe\u5728\u306e\u30a6\u30a3\u30f3\u30c9\u30a6\u306a\u3069\u3001\u30ea\u30f3\u30af\u3092\u958b\u304f\u65b9\u6cd5\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<code>target<\/code><\/p>\n\n\n\n<p>HTML \u306b\u306f\u3001\u5358\u7d14\u306a\u30c6\u30ad\u30b9\u30c8 \u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u306b\u52a0\u3048\u3066\u3001\u753b\u50cf\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u3001\u30a2\u30f3\u30ab\u30fc \u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u306a\u3069\u3001\u4ed6\u306e\u7a2e\u985e\u306e\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u3082\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u753b\u50cf\u306e\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u3067\u306f\u3001\u30bf\u30b0\u3068\u30bf\u30b0\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u753b\u50cf\u306b\u30ea\u30f3\u30af\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002 \u30a2\u30f3\u30ab\u30fc \u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u306f\u3001\u30bf\u30b0\u3068\u5c5e\u6027\u306e\u7d44\u307f\u5408\u308f\u305b\u3092\u4f7f\u7528\u3057\u3066\u3001\u540c\u3058 Web \u30da\u30fc\u30b8\u5185\u306e\u6307\u5b9a\u3055\u308c\u305f\u5834\u6240\u306b\u79fb\u52d5\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<code>&lt;a&gt;<\/code><code>&lt;img&gt;<\/code><code>&lt;a&gt;<\/code><code>id<\/code><\/p>\n\n\n\n<p>\u30cf\u30a4\u30d1\u30fc\u30ea\u30f3\u30af\u306f\u3001Web\u30c7\u30b6\u30a4\u30f3\u3067\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u8981\u7d20\u306e1\u3064\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u3001Web\u30da\u30fc\u30b8\u306e\u4f7f\u3044\u3084\u3059\u3055\u3068\u60c5\u5831\u4ea4\u63db\u306e\u52b9\u7387\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305d\u308c\u3092\u4f7f\u7528\u3059\u308b\u3068\u304d\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u95a2\u9023\u3059\u308b\u30ea\u30bd\u30fc\u30b9\u306b\u6b63\u3057\u304f\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u30ea\u30f3\u30af\u306e\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3068\u6b63\u78ba\u3055\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u306e Image \u8981\u7d20\u306f\u3001Web \u30da\u30fc\u30b8\u306b\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u306e\u4e00\u7a2e\u3067\u3059\u3002 \u753b\u50cf\u8981\u7d20\u306f\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u6b21\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u542b\u307e\u308c\u307e\u3059\u3002<code>&lt;img&gt;<\/code><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>src<\/code>: \u30a4\u30e1\u30fc\u30b8 \u30d5\u30a1\u30a4\u30eb\u306e URL \u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>alt<\/code>: \u753b\u50cf\u3092\u8868\u793a\u3067\u304d\u306a\u3044\u5834\u5408\u306b\u30c6\u30ad\u30b9\u30c8\u306e\u8aac\u660e\u3092\u8868\u793a\u3059\u308b\u753b\u50cf\u306e\u4ee3\u66ff\u30c6\u30ad\u30b9\u30c8\u3002 \u307e\u305f\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u30ea\u30fc\u30c0\u30fc\u3067\u8aad\u307f\u4e0a\u3052\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u306b\u3082\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>title<\/code>: \u30db\u30d0\u30fc\u6642\u306b\u8868\u793a\u3055\u308c\u308b\u753b\u50cf\u306e\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u3002<\/li>\n\n\n\n<li><code>width<\/code>&nbsp;\u304a\u3088\u3073 :\u753b\u50cf\u306e\u5e45\u3068\u9ad8\u3055\u3092\u30d4\u30af\u30bb\u30eb\u5358\u4f4d\u3067\u6307\u5b9a\u3057\u307e\u3059\u3002<code>height<\/code><\/li>\n<\/ul>\n\n\n\n<p>\u6b21\u306b\u7c21\u5358\u306a\u4f8b\u3092\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;img src=\"image.jpg\" alt=\"\u8fd9\u662f\u4e00\u5f20\u56fe\u7247\" width=\"300\" height=\"200\"&gt;\n<\/code><\/pre>\n\n\n\n<p>\u30a4\u30e1\u30fc\u30b8 \u30d5\u30a1\u30a4\u30eb\u306e URL \u306b\u306f\u3001\u30ed\u30fc\u30ab\u30eb \u30d5\u30a1\u30a4\u30eb \u30b7\u30b9\u30c6\u30e0\u3078\u306e\u30d1\u30b9\u307e\u305f\u306f\u5916\u90e8\u30ea\u30f3\u30af\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002 \u30ed\u30fc\u30ab\u30eb\u30d5\u30a1\u30a4\u30eb\u30b7\u30b9\u30c6\u30e0\u3078\u306e\u30d1\u30b9\u304c\u898b\u3064\u304b\u3063\u305f\u5834\u5408\u306f\u3001\u7570\u306a\u308b\u74b0\u5883\u3067\u30d5\u30a1\u30a4\u30eb\u306b\u6b63\u3057\u304f\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u76f8\u5bfe\u30d1\u30b9\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u5b9f\u969b\u306b\u306f\u3001CSS\u30b9\u30bf\u30a4\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u3001\u4f4d\u7f6e\u3001\u5883\u754c\u7dda\u3001\u304a\u3088\u3073\u305d\u306e\u4ed6\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u5236\u5fa1\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u540c\u6642\u306b\u3001Web\u30da\u30fc\u30b8\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u306b\u306f\u3001\u753b\u50cf\u306e\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3092\u6700\u5c0f\u5316\u3057\u3001\u9069\u5207\u306a\u753b\u50cf\u5f62\u5f0f\u3092\u4f7f\u7528\u3057\u3001\u9069\u5207\u306a\u5727\u7e2e\u6280\u8853\u3092\u4f7f\u7528\u3057\u3066\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u3092\u7e2e\u5c0f\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u8981\u3059\u308b\u306b\u3001\u753b\u50cf\u306fWeb\u30c7\u30b6\u30a4\u30f3\u306e\u4e0d\u53ef\u6b20\u306a\u8981\u7d20\u306e1\u3064\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u3088\u308a\u76f4\u611f\u7684\u306a\u8996\u899a\u4f53\u9a13\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u4f7f\u7528\u3059\u308b\u3068\u304d\u306f\u3001\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u3001\u5f62\u5f0f\u3001\u4f4d\u7f6e\u3001\u305d\u306e\u4ed6\u306e\u8981\u56e0\u3001\u304a\u3088\u3073\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u74b0\u5883\u3067\u306e\u753b\u50cf\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML\u306e\u30c6\u30fc\u30d6\u30eb\u306f\u3001\u69cb\u9020\u5316\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e\u3067\u3042\u308a\u3001\u6570\u5024\u3001\u30c6\u30ad\u30b9\u30c8\u3001\u753b\u50cf\u306a\u3069\u306e\u3055\u307e\u3056\u307e\u306a\u5f62\u5f0f\u306e\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u30c6\u30fc\u30d6\u30eb\u306f\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u6b21\u306e\u8981\u7d20\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002<code>&lt;table&gt;<\/code><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;tr&gt;<\/code>&nbsp;\u30c6\u30fc\u30d6\u30eb\u306e\u884c\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>&lt;th&gt;<\/code>&nbsp;\u30c6\u30fc\u30d6\u30eb\u306e\u30c6\u30fc\u30d6\u30eb \u30d8\u30c3\u30c0\u30fc \u30bb\u30eb\u3092\u8868\u3057\u3001\u901a\u5e38\u306f\u5217\u540d\u3084\u305d\u306e\u4ed6\u306e\u30d8\u30c3\u30c0\u30fc\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>&lt;td&gt;<\/code>&nbsp;\u5b9f\u969b\u306e\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u30c6\u30fc\u30d6\u30eb \u30c7\u30fc\u30bf \u30bb\u30eb\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u5358\u7d14\u306a\u30c6\u30fc\u30d6\u30eb\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;table&gt;\n  &lt;tr&gt;\n    &lt;th&gt;\u59d3\u540d&lt;\/th&gt;\n    &lt;th&gt;\u5e74\u9f84&lt;\/th&gt;\n    &lt;th&gt;\u6027\u522b&lt;\/th&gt;\n  &lt;\/tr&gt;\n  &lt;tr&gt;\n    &lt;td&gt;\u5f20\u4e09&lt;\/td&gt;\n    &lt;td&gt;25&lt;\/td&gt;\n    &lt;td&gt;\u7537&lt;\/td&gt;\n  &lt;\/tr&gt;\n  &lt;tr&gt;\n    &lt;td&gt;\u674e\u56db&lt;\/td&gt;\n    &lt;td&gt;30&lt;\/td&gt;\n    &lt;td&gt;\u5973&lt;\/td&gt;\n  &lt;\/tr&gt;\n&lt;\/table&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b9f\u969b\u306b\u306f\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u30bb\u30eb\u3092\u7d50\u5408\u3057\u3001CSS \u30b9\u30bf\u30a4\u30eb\u3092\u4f7f\u7528\u3057\u3066\u30c6\u30fc\u30d6\u30eb\u306e\u30b9\u30bf\u30a4\u30eb\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5236\u5fa1\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u540c\u6642\u306b\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u30ea\u30fc\u30c0\u30fc\u304c\u30c6\u30fc\u30d6\u30eb\u3092\u6b63\u3057\u304f\u8aad\u307f\u53d6\u308c\u308b\u3088\u3046\u306b\u30d8\u30c3\u30c0\u30fc\u30bb\u30eb\u306b\u5c5e\u6027\u3092\u8ffd\u52a0\u3059\u308b\u306a\u3069\u3001\u30c6\u30fc\u30d6\u30eb\u306e\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<code>colspan<\/code><code>rowspan<\/code><code>scope<\/code><\/p>\n\n\n\n<p>\u3064\u307e\u308a\u3001\u30c6\u30fc\u30d6\u30eb\u306f\u30c7\u30fc\u30bf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u65b9\u6cd5\u3067\u3042\u308a\u3001Web\u30c7\u30b6\u30a4\u30f3\u3067\u91cd\u8981\u306a\u5f79\u5272\u3092\u679c\u305f\u3057\u307e\u3059\u3002 \u305d\u308c\u3092\u4f7f\u7528\u3059\u308b\u3068\u304d\u306f\u3001\u30c6\u30fc\u30d6\u30eb\u306e\u69cb\u9020\u3068\u30b9\u30bf\u30a4\u30eb\u3001\u304a\u3088\u3073\u30c6\u30fc\u30d6\u30eb\u304c\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30d6\u30e9\u30a6\u30b6\u3067\u3069\u306e\u3088\u3046\u306b\u52d5\u4f5c\u3059\u308b\u304b\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u306e Form \u8981\u7d20\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u53ce\u96c6\u3059\u308b\u305f\u3081\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u8a00\u8a9e\u3067\u3042\u308a\u3001\u30ed\u30b0\u30a4\u30f3 \u30d5\u30a9\u30fc\u30e0\u3001\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u3001\u30a2\u30f3\u30b1\u30fc\u30c8\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u7a2e\u985e\u306e\u30d5\u30a9\u30fc\u30e0\u3092\u4f5c\u6210\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u30d5\u30a9\u30fc\u30e0\u306f\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u5b9a\u7fa9\u3055\u308c\u3001\u6b21\u306e\u8981\u7d20\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002<code>&lt;form&gt;<\/code><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;input&gt;<\/code>&nbsp;\u30c6\u30ad\u30b9\u30c8\u3001\u30d1\u30b9\u30ef\u30fc\u30c9\u3001\u65e5\u4ed8\u3001\u6570\u5024\u306a\u3069\u3001\u3055\u307e\u3056\u307e\u306a\u7a2e\u985e\u306e\u5165\u529b\u3092\u53d7\u3051\u53d6\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u308b\u30d5\u30a9\u30fc\u30e0\u306e\u5165\u529b\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>&lt;select&gt;<\/code>&nbsp;\u30ea\u30b9\u30c8\u5185\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u308b\u30d5\u30a9\u30fc\u30e0\u306e\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3 \u30ea\u30b9\u30c8\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>&lt;textarea&gt;<\/code>&nbsp;\u8907\u6570\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u3092\u53d7\u3051\u53d6\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u308b\u30d5\u30a9\u30fc\u30e0\u306e\u8907\u6570\u884c\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>&lt;button&gt;<\/code>&nbsp;\u30d5\u30a9\u30fc\u30e0\u306e\u9001\u4fe1\u3084\u305d\u306e\u4ed6\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u3092\u5b9f\u884c\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u308b\u30d5\u30a9\u30fc\u30e0\u3092\u8868\u3059\u30dc\u30bf\u30f3\u3002<\/li>\n\n\n\n<li><code>&lt;label&gt;<\/code>&nbsp;\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306b\u8aac\u660e\u3068 ID \u3092\u8ffd\u52a0\u3059\u308b\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u30e9\u30d9\u30eb\u3092\u8868\u3057\u307e\u3059\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u5358\u7d14\u306a\u30d5\u30a9\u30fc\u30e0\u306e\u4f8b\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;form action=\"\/submit\" method=\"post\"&gt;\n  &lt;label for=\"username\"&gt;\u7528\u6237\u540d\uff1a&lt;\/label&gt;\n  &lt;input type=\"text\" id=\"username\" name=\"username\"&gt;&lt;br&gt;\n\n  &lt;label for=\"password\"&gt;\u5bc6\u7801\uff1a&lt;\/label&gt;\n  &lt;input type=\"password\" id=\"password\" name=\"password\"&gt;&lt;br&gt;\n\n  &lt;label for=\"gender\"&gt;\u6027\u522b\uff1a&lt;\/label&gt;\n  &lt;select id=\"gender\" name=\"gender\"&gt;\n    &lt;option value=\"male\"&gt;\u7537&lt;\/option&gt;\n    &lt;option value=\"female\"&gt;\u5973&lt;\/option&gt;\n  &lt;\/select&gt;&lt;br&gt;\n\n  &lt;label for=\"comment\"&gt;\u8bc4\u8bba\uff1a&lt;\/label&gt;\n  &lt;textarea id=\"comment\" name=\"comment\"&gt;&lt;\/textarea&gt;&lt;br&gt;\n\n  &lt;button type=\"submit\"&gt;\u63d0\u4ea4&lt;\/button&gt;\n&lt;\/form&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b9f\u969b\u306b\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u30a4\u30d9\u30f3\u30c8\u3092\u4f7f\u7528\u3057\u3066\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u9001\u4fe1\u65b9\u6cd5 (\u30d7\u30ed\u30d1\u30c6\u30a3)\u3001\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u65e2\u5b9a\u5024 (\u30d7\u30ed\u30d1\u30c6\u30a3) \u306e\u8a2d\u5b9a\u3001\u30d5\u30a9\u30fc\u30e0\u5165\u529b\u306e\u691c\u8a3c (\u30d7\u30ed\u30d1\u30c6\u30a3)\u3001\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3059\u308b\u524d\u306e JavaScript \u30b3\u30fc\u30c9\u306e\u5b9f\u884c\u306a\u3069\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u52d5\u4f5c\u3068\u30b9\u30bf\u30a4\u30eb\u3092\u5236\u5fa1\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002 \u540c\u6642\u306b\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u30ea\u30fc\u30c0\u30fc\u304c\u30d5\u30a9\u30fc\u30e0\u3092\u6b63\u3057\u304f\u8aad\u307f\u53d6\u308c\u308b\u3088\u3046\u306b\u3001\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306b\u5c5e\u6027\u3092\u8ffd\u52a0\u3059\u308b\u306a\u3069\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<code>method<\/code><code>value<\/code><code>required<\/code><code>aria-label<\/code><code>aria-describedby<\/code><\/p>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u5165\u529b\u3092\u53ce\u96c6\u3057\u3001\u3055\u307e\u3056\u307e\u306a\u6a5f\u80fd\u3092\u5b9f\u88c5\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u308b\u975e\u5e38\u306b\u91cd\u8981\u306aHTML\u8981\u7d20\u3067\u3059\u3002 \u305d\u308c\u3092\u4f7f\u7528\u3059\u308b\u3068\u304d\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u69cb\u9020\u3068\u30b9\u30bf\u30a4\u30eb\u3001\u304a\u3088\u3073\u30d5\u30a9\u30fc\u30e0\u304c\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30d6\u30e9\u30a6\u30b6\u3067\u3069\u306e\u3088\u3046\u306b\u52d5\u4f5c\u3059\u308b\u304b\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306b\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u52d5\u4f5c\u3068\u30b9\u30bf\u30a4\u30eb\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u308b\u591a\u304f\u306e\u5c5e\u6027\u304c\u3042\u308a\u307e\u3059\u3002 \u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30a9\u30fc\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>action<\/code>: \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u306e URL \u3092\u6307\u5b9a\u3057\u307e\u3059 (\u76f8\u5bfe\u307e\u305f\u306f\u7d76\u5bfe)\u3002<\/li>\n\n\n\n<li><code>method<\/code>:\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u306eHTTP\u30e1\u30bd\u30c3\u30c9\u3092\u6307\u5b9a\u3057\u307e\u3059\u304c\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u306e\u306fGET\u3068POST\u3067\u3059\u3002<\/li>\n\n\n\n<li><code>name<\/code>: \u30d5\u30a9\u30fc\u30e0\u3092\u8b58\u5225\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30a9\u30fc\u30e0\u306e\u540d\u524d\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>enctype<\/code>:\u30d5\u30a9\u30fc\u30e0\u306b\u3088\u3063\u3066\u9001\u4fe1\u3055\u308c\u308b\u30c7\u30fc\u30bf\u30a8\u30f3\u30b3\u30fc\u30c9\u65b9\u6cd5\u3001\u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\/ x-www-form-url\u30a8\u30f3\u30b3\u30fc\u30c9\u3001\u304a\u3088\u3073\u30de\u30eb\u30c1\u30d1\u30fc\u30c8\/\u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>target<\/code>: \u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\u306e\u30bf\u30fc\u30b2\u30c3\u30c8\u30a6\u30a3\u30f3\u30c9\u30a6\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002_self\u3001_blank\u3001_parent\u3001_top\u3001\u307e\u305f\u306f\u30ab\u30b9\u30bf\u30e0\u30a6\u30a3\u30f3\u30c9\u30a6\u540d\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>autocomplete<\/code>: \u30d5\u30a9\u30fc\u30e0\u306e\u30aa\u30fc\u30c8\u30b3\u30f3\u30d7\u30ea\u30fc\u30c8\u6a5f\u80fd\u3092\u6307\u5b9a\u3057\u307e\u3059 (\u30aa\u30f3\u307e\u305f\u306f\u30aa\u30d5\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059)\u3002<\/li>\n\n\n\n<li><code>novalidate<\/code>: \u30d5\u30a9\u30fc\u30e0\u304c\u691c\u8a3c\u3055\u308c\u305a\u3001\u30c7\u30d0\u30c3\u30b0 \u30d5\u30a7\u30fc\u30ba\u3067\u3088\u304f\u4f7f\u7528\u3055\u308c\u308b\u3053\u3068\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>required<\/code>: \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u304c\u5fc5\u9808\u3067\u3042\u308b\u3053\u3068\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>placeholder<\/code>: \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u30d7\u30ec\u30fc\u30b9\u30db\u30eb\u30c0\u30fc\u30c6\u30ad\u30b9\u30c8\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002\u3053\u306e\u30c6\u30ad\u30b9\u30c8\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3059\u308b\u524d\u306b\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>readonly<\/code>: \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u304c\u8aad\u307f\u53d6\u308a\u5c02\u7528\u3067\u3042\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7de8\u96c6\u3067\u304d\u306a\u3044\u3053\u3068\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>disabled<\/code>: form \u8981\u7d20\u304c\u4f7f\u7528\u3067\u304d\u305a\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u8981\u7d20\u3092\u64cd\u4f5c\u3067\u304d\u306a\u3044\u3053\u3068\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>value<\/code>: \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>pattern<\/code>: \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u6b63\u898f\u8868\u73fe\u3092\u6307\u5b9a\u3057\u3066\u3001\u5165\u529b\u304c\u8981\u4ef6\u3092\u6e80\u305f\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u691c\u8a3c\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>maxlength<\/code>: \u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306e\u5165\u529b\u9577\u3092\u5236\u9650\u3059\u308b\u305f\u3081\u306b\u3088\u304f\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u6700\u5927\u9577\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>min<\/code>&nbsp;\u304a\u3088\u3073 : \u6570\u5024\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306e\u5165\u529b\u7bc4\u56f2\u3092\u5236\u9650\u3059\u308b\u305f\u3081\u306b\u3088\u304f\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306e\u6700\u5c0f\u5024\u3068\u6700\u5927\u5024\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<code>max<\/code><\/li>\n<\/ul>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;form action=\"\/submit\" method=\"post\" name=\"myform\" autocomplete=\"on\"&gt;\n  &lt;input type=\"text\" name=\"username\" placeholder=\"\u8bf7\u8f93\u5165\u7528\u6237\u540d\" required maxlength=\"20\"&gt;\n  &lt;input type=\"password\" name=\"password\" placeholder=\"\u8bf7\u8f93\u5165\u5bc6\u7801\" required&gt;\n  &lt;input type=\"submit\" value=\"\u767b\u5f55\"&gt;\n&lt;\/form&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b9f\u969b\u306e\u4f7f\u7528\u3067\u306f\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u9069\u5207\u306a\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u9078\u629e\u3057\u3066\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u52d5\u4f5c\u3068\u30b9\u30bf\u30a4\u30eb\u3092\u5236\u5fa1\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u540c\u6642\u306b\u3001\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30d6\u30e9\u30a6\u30b6\u9593\u3067\u306e\u30d5\u30a9\u30fc\u30e0\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u4e92\u63db\u6027\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306b\u306f\u3044\u304f\u3064\u304b\u306e\u7a2e\u985e\u304c\u3042\u308a\u3001\u305d\u308c\u305e\u308c\u3092\u3055\u307e\u3056\u307e\u306a\u5165\u529b\u30b7\u30ca\u30ea\u30aa\u306b\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002 \u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30a9\u30fc\u30e0\u5165\u529b\u30bf\u30a4\u30d7\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>text<\/code>:\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u30011\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>password<\/code>:\u30d1\u30b9\u30ef\u30fc\u30c9\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3001\u5165\u529b\u3055\u308c\u305f\u6587\u5b57\u306f\u975e\u8868\u793a\u306b\u306a\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>textarea<\/code>:\u8907\u6570\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3002<\/li>\n\n\n\n<li><code>radio<\/code>:\u30a2\u30a4\u30c6\u30e0\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u30e9\u30b8\u30aa\u30dc\u30c3\u30af\u30b9\u3002<\/li>\n\n\n\n<li><code>checkbox<\/code>:\u8907\u6570\u306e\u30a2\u30a4\u30c6\u30e0\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3002<\/li>\n\n\n\n<li><code>select<\/code>: \u8907\u6570\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u304b\u3089 1 \u3064\u306e\u9805\u76ee\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3 \u30ea\u30b9\u30c8 \u30dc\u30c3\u30af\u30b9\u3002<\/li>\n\n\n\n<li><code>option<\/code>: \u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3 \u30ea\u30b9\u30c8 \u30dc\u30c3\u30af\u30b9\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u3002<\/li>\n\n\n\n<li><code>file<\/code>:\u30d5\u30a1\u30a4\u30eb\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3002<\/li>\n\n\n\n<li><code>submit<\/code>:\u9001\u4fe1\u30dc\u30bf\u30f3\u3002<\/li>\n\n\n\n<li><code>reset<\/code>:\u30d5\u30a9\u30fc\u30e0\u306e\u5024\u3092\u30c7\u30d5\u30a9\u30eb\u30c8\u5024\u306b\u30ea\u30bb\u30c3\u30c8\u3067\u304d\u308b\u30ea\u30bb\u30c3\u30c8\u30dc\u30bf\u30f3\u3002<\/li>\n\n\n\n<li><code>button<\/code>: JavaScript \u30a4\u30d9\u30f3\u30c8\u3092\u30c8\u30ea\u30ac\u30fc\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3067\u304d\u308b\u901a\u5e38\u306e\u30dc\u30bf\u30f3\u3002<\/li>\n\n\n\n<li><code>hidden<\/code>: \u30d5\u30a9\u30fc\u30e0\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3057\u3001\u30da\u30fc\u30b8\u306b\u8868\u793a\u3055\u308c\u306a\u3044\u30d5\u30a3\u30fc\u30eb\u30c9\u3092\u975e\u8868\u793a\u306b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4e0a\u8a18\u306e\u4e00\u822c\u7684\u306a\u30bf\u30a4\u30d7\u306b\u52a0\u3048\u3066\u3001\u6b21\u306e\u3088\u3046\u306a\u4ed6\u306e\u30bf\u30a4\u30d7\u304c\u3044\u304f\u3064\u304b\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>number<\/code>:\u6570\u5024\u5165\u529b\u30dc\u30c3\u30af\u30b9\u3067\u3001\u6570\u5024\u3092\u5165\u529b\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li><code>date<\/code>:\u65e5\u4ed8\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u65e5\u4ed8\u30d4\u30c3\u30ab\u30fc\u3002<\/li>\n\n\n\n<li><code>time<\/code>:\u6642\u9593\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u6642\u9593\u30bb\u30ec\u30af\u30bf\u30fc\u3002<\/li>\n\n\n\n<li><code>color<\/code>:\u8272\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u30ab\u30e9\u30fc\u30d4\u30c3\u30ab\u30fc\u3002<\/li>\n\n\n\n<li><code>range<\/code>: \u7279\u5b9a\u306e\u7bc4\u56f2\u5185\u306e\u6570\u5024\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306e\u30b9\u30e9\u30a4\u30c0\u30fc\u30d0\u30fc\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u30d5\u30a9\u30fc\u30e0\u5165\u529b\u30bf\u30a4\u30d7\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;form&gt;\n  &lt;label&gt;\u7528\u6237\u540d\uff1a&lt;input type=\"text\" name=\"username\"&gt;&lt;\/label&gt;&lt;br&gt;\n  &lt;label&gt;\u5bc6\u7801\uff1a&lt;input type=\"password\" name=\"password\"&gt;&lt;\/label&gt;&lt;br&gt;\n  &lt;label&gt;\u6027\u522b\uff1a\n    &lt;input type=\"radio\" name=\"gender\" value=\"male\"&gt;\u7537\n    &lt;input type=\"radio\" name=\"gender\" value=\"female\"&gt;\u5973\n  &lt;\/label&gt;&lt;br&gt;\n  &lt;label&gt;\u7231\u597d\uff1a\n    &lt;input type=\"checkbox\" name=\"hobby\" value=\"reading\"&gt;\u9605\u8bfb\n    &lt;input type=\"checkbox\" name=\"hobby\" value=\"music\"&gt;\u97f3\u4e50\n    &lt;input type=\"checkbox\" name=\"hobby\" value=\"sport\"&gt;\u8fd0\u52a8\n  &lt;\/label&gt;&lt;br&gt;\n  &lt;label&gt;\u57ce\u5e02\uff1a\n    &lt;select name=\"city\"&gt;\n      &lt;option value=\"beijing\"&gt;\u5317\u4eac&lt;\/option&gt;\n      &lt;option value=\"shanghai\"&gt;\u4e0a\u6d77&lt;\/option&gt;\n      &lt;option value=\"guangzhou\"&gt;\u5e7f\u5dde&lt;\/option&gt;\n      &lt;option value=\"shenzhen\"&gt;\u6df1\u5733&lt;\/option&gt;\n    &lt;\/select&gt;\n  &lt;\/label&gt;&lt;br&gt;\n  &lt;label&gt;\u5934\u50cf\uff1a&lt;input type=\"file\" name=\"avatar\"&gt;&lt;\/label&gt;&lt;br&gt;\n  &lt;input type=\"submit\" value=\"\u63d0\u4ea4\"&gt;\n&lt;\/form&gt;\n<\/code><\/pre>\n\n\n\n<p>\u5b9f\u969b\u306e\u4f7f\u7528\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u7c21\u5358\u306b\u30c7\u30fc\u30bf\u3092\u5165\u529b\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u9069\u5207\u306a\u5165\u529b\u30bf\u30a4\u30d7\u3092\u9078\u629e\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u540c\u6642\u306b\u3001\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30d6\u30e9\u30a6\u30b6\u9593\u3067\u306e\u30d5\u30a9\u30fc\u30e0\u5165\u529b\u30bf\u30a4\u30d7\u306e\u4e92\u63db\u6027\u306b\u6ce8\u610f\u3092\u6255\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML \u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305f\u30c7\u30fc\u30bf\u304c\u7279\u5b9a\u306e\u66f8\u5f0f\u8a2d\u5b9a\u8981\u4ef6\u306b\u6e96\u62e0\u3057\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3059\u308b\u3053\u3068\u3067\u3001\u30e6\u30fc\u30b6\u30fc \u30a8\u30e9\u30fc\u3084\u30c7\u30fc\u30bf\u306e\u4e0d\u6574\u5408\u306a\u3069\u306e\u554f\u984c\u3092\u8efd\u6e1b\u3057\u307e\u3059\u3002 HTML5 \u306b\u306f\u3001\u5c5e\u6027\u3092\u8ffd\u52a0\u3057\u3066\u691c\u8a3c\u3092\u53ef\u80fd\u306b\u3059\u308b\u7d44\u307f\u8fbc\u307f\u306e\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u30e1\u30ab\u30cb\u30ba\u30e0\u304c\u3044\u304f\u3064\u304b\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u4e00\u822c\u7684\u306b\u4f7f\u7528\u3055\u308c\u308b\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>required<\/code>:\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u5165\u529b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059, \u305d\u3046\u3067\u306a\u3051\u308c\u3070\u30d5\u30a9\u30fc\u30e0\u306f\u9001\u4fe1\u3055\u308c\u307e\u305b\u3093;<\/li>\n\n\n\n<li><code>pattern<\/code>: \u6b63\u898f\u8868\u73fe\u3092\u4f7f\u7528\u3057\u3066\u3001\u5165\u529b\u5f62\u5f0f\u3092\u6307\u5b9a\u3057\u307e\u3059 (\u305f\u3068\u3048\u3070\u3001\u5165\u529b\u304c 5 \u6841\u3067\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u307e\u3059)\u3002<code>&lt;input type=\"text\" pattern=\"[0-9]{5}\" \/&gt;<\/code><\/li>\n\n\n\n<li><code>min<\/code>and: \u5165\u529b\u306e\u6700\u5c0f\u5024\u3068\u6700\u5927\u5024\u3092\u5236\u9650\u3057\u307e\u3059 (\u305f\u3068\u3048\u3070\u3001\u5165\u529b\u304c 1 \u304b\u3089 100 \u306e\u9593\u3067\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u307e\u3059)\u3002<code>max<\/code><code>&lt;input type=\"number\" min=\"1\" max=\"100\" \/&gt;<\/code><\/li>\n\n\n\n<li><code>maxlength<\/code>And: \u5165\u529b\u306e\u6700\u5927\u9577\u3068\u6700\u5c0f\u9577\u3092\u5236\u9650\u3057\u307e\u3059 (\u305f\u3068\u3048\u3070\u3001\u5165\u529b\u9577\u304c 10 \u6587\u5b57\u3092\u8d85\u3048\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u307e\u3059)\u3002<code>minlength<\/code><code>&lt;input type=\"text\" maxlength=\"10\" \/&gt;<\/code><\/li>\n\n\n\n<li><code>email<\/code>:\u5165\u529b\u304c\u6b63\u5f53\u306a\u96fb\u5b50\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3067\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<code>&lt;input type=\"email\" \/&gt;<\/code><\/li>\n\n\n\n<li><code>url<\/code>: \u306f\u3001\u5165\u529b\u304c\u6709\u52b9\u306a URL \u30a2\u30c9\u30ec\u30b9\u3067\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<code>&lt;input type=\"url\" \/&gt;<\/code><\/li>\n\n\n\n<li><code>tel<\/code>:\u5165\u529b\u304c\u6b63\u5f53\u306a\u96fb\u8a71\u756a\u53f7\u3067\u306a\u3051\u308c\u3070\u306a\u3089\u306a\u3044\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<code>&lt;input type=\"tel\" \/&gt;<\/code><\/li>\n\n\n\n<li><code>date<\/code>\u3001and: \u306f\u3001\u5165\u529b\u304c\u6709\u52b9\u306a\u65e5\u4ed8\u3001\u6642\u523b\u3001\u304a\u3088\u3073\u65e5\u6642\u5f62\u5f0f\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3092\u793a\u3057\u307e\u3059\u3002<code>time<\/code><code>datetime<\/code><code>&lt;input type=\"date\" \/&gt;<\/code><\/li>\n<\/ol>\n\n\n\n<p>\u30d5\u30a9\u30fc\u30e0\u306e\u691c\u8a3c\u306f\u3001\u5165\u529b\u306e\u691c\u8a3c\u3084\u30d5\u30a9\u30fc\u30e0\u306e\u9001\u4fe1\u524d\u306e\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u8868\u793a\u306a\u3069\u3001JavaScript \u3092\u4f7f\u7528\u3057\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3067\u304d\u307e\u3059\u3002 \u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">htmlCopy code<code>&lt;form id=\"myForm\"&gt;\n  &lt;label&gt;\u7528\u6237\u540d\uff1a&lt;input type=\"text\" name=\"username\" required&gt;&lt;\/label&gt;&lt;br&gt;\n  &lt;label&gt;\u5bc6\u7801\uff1a&lt;input type=\"password\" name=\"password\" required&gt;&lt;\/label&gt;&lt;br&gt;\n  &lt;label&gt;\u90ae\u7bb1\uff1a&lt;input type=\"email\" name=\"email\" required&gt;&lt;\/label&gt;&lt;br&gt;\n  &lt;input type=\"submit\" value=\"\u63d0\u4ea4\"&gt;\n&lt;\/form&gt;\n&lt;script&gt;\n  const form = document.getElementById('myForm');\n  form.addEventListener('submit', function(event) {\n    const username = form.elements['username'].value;\n    const password = form.elements['password'].value;\n    const email = form.elements['email'].value;\n    if (!username || !password || !email) {\n      alert('\u7528\u6237\u540d\u3001\u5bc6\u7801\u548c\u90ae\u7bb1\u5fc5\u987b\u586b\u5199');\n      event.preventDefault();\n    }\n  });\n&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p>\u4e0a\u8a18\u306e\u4f8b\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u9001\u4fe1\u30a4\u30d9\u30f3\u30c8\u304c\u30c8\u30ea\u30ac\u30fc\u3055\u308c\u3001JavaScript \u3092\u4f7f\u7528\u3057\u3066\u5165\u529b\u5024\u3092\u53d6\u5f97\u3057\u3066\u691c\u8a3c\u3057\u3001\u3044\u305a\u308c\u304b\u306e\u30d5\u30a3\u30fc\u30eb\u30c9\u304c\u7a7a\u306e\u5834\u5408\u306f\u30d7\u30ed\u30f3\u30d7\u30c8\u304c\u30dd\u30c3\u30d7\u30a2\u30c3\u30d7\u8868\u793a\u3055\u308c\u3001\u30d5\u30a9\u30fc\u30e0\u306e\u9001\u4fe1\u304c\u59a8\u3052\u3089\u308c\u307e\u3059\u3002 \u3053\u306e\u4f8b\u306f\u5358\u306a\u308b\u30c7\u30e2\u30f3\u30b9\u30c8\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u3042\u308a\u3001\u5b9f\u969b\u306e\u4f7f\u7528\u306b\u304a\u3051\u308b\u5b9f\u969b\u306e\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML5\u306f\u6700\u65b0\u306eHTML\u6a19\u6e96\u3067\u3042\u308a\u3001\u4ee5\u524d\u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u3088\u308a\u3082\u591a\u304f\u306e\u65b0\u6a5f\u80fd\u3068\u69cb\u6587\u6a5f\u80fd\u304c\u8ffd\u52a0\u3055\u308c\u3066\u304a\u308a\u3001HTML5\u306e\u65b0\u6a5f\u80fd\u306e\u4e00\u90e8\u3092\u6b21\u306b\u793a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30bf\u30b0:HTML5\u3067\u306f\u3001\u30da\u30fc\u30b8\u306e\u69cb\u9020\u3068\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u3088\u308a\u660e\u78ba\u306b\u8a18\u8ff0\u3067\u304d\u308b\u3001\u3001\u3001\u3001\u3001,\u306a\u3069\u3001\u591a\u304f\u306e\u65b0\u3057\u3044\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30bf\u30b0\u304c\u5c0e\u5165\u3055\u308c\u3066\u3044\u307e\u3059\u3002<code>header<\/code><code>footer<\/code><code>section<\/code><code>article<\/code><code>nav<\/code><code>aside<\/code><\/li>\n\n\n\n<li>\u30d3\u30c7\u30aa\u3068\u30aa\u30fc\u30c7\u30a3\u30aa\u306e\u30b5\u30dd\u30fc\u30c8:HTML5\u306f\u3001\u30bf\u30b0\u3092\u4ecb\u3057\u3066\u30d3\u30c7\u30aa\u3068\u30aa\u30fc\u30c7\u30a3\u30aa\u30d5\u30a1\u30a4\u30eb\u306b\u57cb\u3081\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u308b\u30cd\u30a4\u30c6\u30a3\u30d6\u306e\u30d3\u30c7\u30aa\u3068\u30aa\u30fc\u30c7\u30a3\u30aa\u306e\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u3001\u958b\u767a\u8005\u304c\u30e1\u30c7\u30a3\u30a2\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5236\u5fa1\u304a\u3088\u3073\u51e6\u7406\u3057\u3084\u3059\u304f\u3059\u308b\u306a\u3069\u306e\u65b0\u3057\u3044API\u3082\u63d0\u4f9b\u3057\u307e\u3059\u3002<code>video<\/code><code>audio<\/code><code>MediaSource<\/code><code>MediaStream<\/code><code>AudioContext<\/code><\/li>\n\n\n\n<li>\u30ad\u30e3\u30f3\u30d0\u30b9:HTML5\u306e\u30bf\u30b0\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u958b\u767a\u8005\u306fWeb\u30da\u30fc\u30b8\u306b\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3001\u30b2\u30fc\u30e0\u306a\u3069\u3092\u63cf\u753b\u3067\u304d\u3001JavaScript\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u4f7f\u7528\u3057\u3066\u8907\u96d1\u306a\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u52b9\u679c\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<code>canvas<\/code><\/li>\n\n\n\n<li>Web\u30b9\u30c8\u30ec\u30fc\u30b8:HTML5\u3067\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u5074\u306b\u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3067\u304d\u3001\u30da\u30fc\u30b8\u3084\u30d6\u30e9\u30a6\u30b6\u30bb\u30c3\u30b7\u30e7\u30f3\u9593\u3067\u6c38\u7d9a\u5316\u3067\u304d\u308b&lt;&gt;\u3064\u306e\u65b0\u3057\u3044Web\u30b9\u30c8\u30ec\u30fc\u30b8\u30e1\u30ab\u30cb\u30ba\u30e0\u304c\u5c0e\u5165\u3055\u308c\u3066\u3044\u307e\u3059\u3002<code>localStorage<\/code><code>sessionStorage<\/code><\/li>\n\n\n\n<li>\u30a6\u30a7\u30d6\u30ef\u30fc\u30ab\u30fc:HTML5\u306f\u3001\u30da\u30fc\u30b8\u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3068\u5fdc\u7b54\u3092\u30d6\u30ed\u30c3\u30af\u3059\u308b\u3053\u3068\u306a\u304f\u3001JavaScript\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u3067\u5b9f\u884c\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u30a6\u30a7\u30d6\u30ef\u30fc\u30ab\u30fcAPI\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30b8\u30aa\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3API:HTML5\u3067\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u306e\u30b8\u30aa\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3\u60c5\u5831\u3092\u53d6\u5f97\u3067\u304d\u308b\u30b8\u30aa\u30ed\u30b1\u30fc\u30b7\u30e7\u30f3API\u304c\u5c0e\u5165\u3055\u308c\u3001\u958b\u767a\u8005\u304c\u5bfe\u8a71\u3059\u308b\u305f\u3081\u306e\u65b0\u3057\u3044\u65b9\u6cd5\u304c\u63d0\u4f9b\u3055\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u65b0\u3057\u3044\u30d5\u30a9\u30fc\u30e0 \u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3068\u30d7\u30ed\u30d1\u30c6\u30a3: HTML5 \u306b\u306f\u3001\u30d5\u30a9\u30fc\u30e0\u3092\u3088\u308a\u67d4\u8edf\u3067\u4f7f\u3044\u3084\u3059\u304f\u3059\u308b\u305f\u3081\u306e\u3001\u3001\u3001\u3001,\u306a\u3069\u3001\u591a\u304f\u306e\u65b0\u3057\u3044\u30d5\u30a9\u30fc\u30e0 \u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3068\u30d7\u30ed\u30d1\u30c6\u30a3\u304c\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002<code>datalist<\/code><code>input[type=\"date\"]<\/code><code>input[type=\"time\"]<\/code><code>required<\/code><code>autofocus<\/code><\/li>\n\n\n\n<li>\u5f37\u5316\u3055\u308c\u305fAPI\u3068\u6a5f\u80fd:HTML5\u306f\u3001\u30c9\u30e9\u30c3\u30b0\u30a2\u30f3\u30c9\u30c9\u30ed\u30c3\u30d7API\u3001WebSocket\u3001WebRTC\u3001IndexedDB\u3001\u30d5\u30a1\u30a4\u30ebAPI\u306a\u3069\u3001\u4ed6\u306e\u591a\u304f\u306e\u65b0\u3057\u3044API\u3068\u6a5f\u80fd\u3082\u63d0\u4f9b\u3057\u3001\u958b\u767a\u8005\u304c\u9ad8\u5ea6\u306aWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7c21\u5358\u306b\u5b9f\u88c5\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u8981\u7d04\u3059\u308b\u3068\u3001HTML5\u306fWeb\u958b\u767a\u306b\u591a\u304f\u306e\u65b0\u6a5f\u80fd\u3092\u3082\u305f\u3089\u3057\u3001\u958b\u767a\u8005\u304c\u6700\u65b0\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u67d4\u8edf\u6027\u3068\u5229\u4fbf\u6027\u3092\u9ad8\u3081\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML5\u306f\u3001\u30bf\u30b0\u3092\u4ecb\u3057\u3066\u5b9f\u88c5\u3067\u304d\u308b\u30d3\u30c7\u30aa\u3084\u30aa\u30fc\u30c7\u30a3\u30aa\u306a\u3069\u306e\u30cd\u30a4\u30c6\u30a3\u30d6\u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u8a73\u3057\u304f\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002<code>video<\/code><code>audio<\/code><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>video<\/code>&nbsp;\u30bf\u30b0: \u30bf\u30b0\u306f\u3001\u30d3\u30c7\u30aa\u30b3\u30f3\u30c6\u30f3\u30c4\u3092Web\u30da\u30fc\u30b8\u306b\u57cb\u3081\u8fbc\u3080\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 \u30d3\u30c7\u30aa\u306e\u518d\u751f\u306f\u3001\u6b21\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002<code>video<\/code><ul><li><code>src<\/code>:\u30d3\u30c7\u30aa\u30d5\u30a1\u30a4\u30eb\u306eURL\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>controls<\/code>: \u30d3\u30c7\u30aa\u518d\u751f\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u30d1\u30cd\u30eb\u3092\u8868\u793a\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>autoplay<\/code>:\u30d3\u30c7\u30aa\u3092\u81ea\u52d5\u7684\u306b\u518d\u751f\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>loop<\/code>:\u30d3\u30c7\u30aa\u3092\u30eb\u30fc\u30d7\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>muted<\/code>:\u30d3\u30c7\u30aa\u3092\u30df\u30e5\u30fc\u30c8\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>width<\/code>&nbsp;\u304a\u3088\u3073 :\u30d3\u30c7\u30aa\u306e\u5e45\u3068\u9ad8\u3055\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<code>height<\/code><\/li><\/ul>\u4e0a\u8a18\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u52a0\u3048\u3066\u3001\u30bf\u30b0\u306f\u3001\u306a\u3069\u306e\u3044\u304f\u3064\u304b\u306e\u65b0\u3057\u3044API\u3082\u63d0\u4f9b\u3057\u3001\u958b\u767a\u8005\u304c\u30d3\u30c7\u30aa\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5236\u5fa1\u304a\u3088\u3073\u51e6\u7406\u3057\u3084\u3059\u304f\u3057\u307e\u3059\u3002<code>video<\/code><code>play()<\/code><code>pause()<\/code><code>currentTime<\/code><\/li>\n\n\n\n<li><code>audio<\/code>&nbsp;\u30bf\u30b0: \u30bf\u30b0\u306f\u3001\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30c6\u30f3\u30c4\u3092Web\u30da\u30fc\u30b8\u306b\u57cb\u3081\u8fbc\u3080\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 \u30e9\u30d9\u30eb\u3068\u540c\u69d8\u306b\u3001\u6b21\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u4f7f\u7528\u3057\u3066\u30aa\u30fc\u30c7\u30a3\u30aa\u306e\u518d\u751f\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002<code>audio<\/code><code>video<\/code><ul><li><code>src<\/code>: \u30aa\u30fc\u30c7\u30a3\u30aa\u30d5\u30a1\u30a4\u30eb\u306e URL \u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>controls<\/code>: \u30aa\u30fc\u30c7\u30a3\u30aa\u518d\u751f\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u30d1\u30cd\u30eb\u3092\u8868\u793a\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>autoplay<\/code>: \u30aa\u30fc\u30c7\u30a3\u30aa\u3092\u81ea\u52d5\u7684\u306b\u518d\u751f\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>loop<\/code>: \u30aa\u30fc\u30c7\u30a3\u30aa\u3092\u30eb\u30fc\u30d7\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><li><code>muted<\/code>: \u30aa\u30fc\u30c7\u30a3\u30aa\u518d\u751f\u3092\u30df\u30e5\u30fc\u30c8\u3059\u308b\u304b\u3069\u3046\u304b\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/li><\/ul>\u4e0a\u8a18\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u52a0\u3048\u3066\u3001\u30bf\u30b0\u306f\u3001\u306a\u3069\u306e\u3044\u304f\u3064\u304b\u306e\u65b0\u3057\u3044API\u3082\u63d0\u4f9b\u3057\u3001\u958b\u767a\u8005\u304c\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5236\u5fa1\u304a\u3088\u3073\u51e6\u7406\u3057\u3084\u3059\u304f\u3057\u307e\u3059\u3002<code>audio<\/code><code>play()<\/code><code>pause()<\/code><code>currentTime<\/code><\/li>\n\n\n\n<li><code>source<\/code>&nbsp;\u30bf\u30b0:\u30bf\u30b0\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u5f62\u5f0f\u306e\u30e1\u30c7\u30a3\u30a2\u30d5\u30a1\u30a4\u30eb\u3092\u63d0\u4f9b\u3057\u3001\u30bf\u30b0\u4ed8\u3051\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002 \u30d6\u30e9\u30a6\u30b6\u304c\u73fe\u5728\u306e\u30e1\u30c7\u30a3\u30a2\u5f62\u5f0f\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001\u6b21\u306e\u30bf\u30d6\u3067\u6307\u5b9a\u3055\u308c\u305f\u5f62\u5f0f\u3092\u4f7f\u7528\u3057\u3088\u3046\u3068\u3057\u307e\u3059\u3002 \u4f8b: htmlCopy \u30b3\u30fc\u30c9 \u4e0a\u8a18\u306e\u4f8b\u3067\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u304cMP4\u5f62\u5f0f\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u5834\u5408\u306f\u30d5\u30a1\u30a4\u30eb\u3092\u518d\u751f\u3057\u3001\u305d\u308c\u4ee5\u5916\u306e\u5834\u5408\u306fWebM\u5f62\u5f0f\u307e\u305f\u306fOgg\u5f62\u5f0f\u3092\u4f7f\u7528\u3057\u3088\u3046\u3068\u3057\u307e\u3059\u3002<code>source<\/code><code>video<\/code><code>audio<\/code><code>source<\/code><code>&lt;video controls&gt; &lt;source src=\"video.mp4\" type=\"video\/mp4\"&gt; &lt;source src=\"video.webm\" type=\"video\/webm\"&gt; &lt;source src=\"video.ogg\" type=\"video\/ogg\"&gt; &lt;\/video&gt;&nbsp;<\/code><code>video.mp4<\/code><\/li>\n\n\n\n<li><code>track<\/code>&nbsp;\u30bf\u30b0:\u30bf\u30b0\u306f\u3001\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u307e\u305f\u306f\u8aac\u660e\u60c5\u5831\u3092\u30bf\u30b0\u306b\u8ffd\u52a0\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<code>track<\/code><code>video<\/code><code>audio<\/code><code>&lt;video controls&gt; &lt;source src=\"video.mp4\" type=\"video\/mp4\"&gt; &lt;track src=\"video-en.vtt\" kind=\"subtitles\" srclang=\"en\" label=\"English\"&gt; &lt;track src=\"video-zh.vtt\" kind=\"subtitles\" srclang=\"zh\" label=\"\u4e2d\u6587\"&gt; &lt;\/video&gt;<\/code><\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML5\u306b\u306f\u591a\u304f\u306e\u65b0\u6a5f\u80fd\u304c\u5c0e\u5165\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u305d\u306e\u4e2d\u3067\u6700\u3082\u91cd\u8981\u306a\u6a5f\u80fd\u306e&lt;&gt;\u3064\u306f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u30c7\u30b6\u30a4\u30f3\u3067\u3059\u3002 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u30c7\u30b6\u30a4\u30f3\u3068\u306f\u3001Web\u30da\u30fc\u30b8\u304c\u30e6\u30fc\u30b6\u30fc\u306e\u30c7\u30d0\u30a4\u30b9\u3068\u753b\u9762\u30b5\u30a4\u30ba\u306b\u57fa\u3065\u3044\u3066\u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u81ea\u52d5\u7684\u306b\u8abf\u6574\u3057\u3066\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u624b\u6cd5\u3092\u6307\u3057\u307e\u3059\u3002 \u3064\u307e\u308a\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u3001\u30bf\u30d6\u30ec\u30c3\u30c8\u3001\u307e\u305f\u306f\u643a\u5e2f\u96fb\u8a71\u3067Web\u30b5\u30a4\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u3044\u308b\u304b\u3069\u3046\u304b\u306b\u304b\u304b\u308f\u3089\u305a\u3001\u30b5\u30a4\u30c8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u753b\u9762\u30b5\u30a4\u30ba\u306b\u9069\u5fdc\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>HTML5\u3067\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30f3\u3092\u5b9f\u88c5\u3059\u308b\u4e3b\u306a\u65b9\u6cd5\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea: CSS\u30e1\u30c7\u30a3\u30a2\u30af\u30a8\u30ea\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30c7\u30d0\u30a4\u30b9\u306e\u753b\u9762\u30b5\u30a4\u30ba\u3054\u3068\u306b\u7570\u306a\u308b\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001Web\u30b5\u30a4\u30c8\u306f\u753b\u9762\u30b5\u30a4\u30ba\u306b\u5fdc\u3058\u3066\u3055\u307e\u3056\u307e\u306a\u30b9\u30bf\u30a4\u30eb\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u67d4\u8edf\u306a\u30b0\u30ea\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8:HTML5\u306f\u3001\u67d4\u8edf\u306a\u30b0\u30ea\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u3044\u3046\u65b0\u3057\u3044\u30ec\u30a4\u30a2\u30a6\u30c8\u65b9\u6cd5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002 \u4f38\u7e2e\u6027\u306e\u3042\u308b\u30b0\u30ea\u30c3\u30c9\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u3055\u307e\u3056\u307e\u306a\u753b\u9762\u30b5\u30a4\u30ba\u306b\u9069\u5fdc\u3059\u308b\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u7c21\u5358\u306b\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u753b\u50cf\u3068\u30d3\u30c7\u30aa:HTML5\u3067\u306f\u3001\u753b\u50cf\u3068\u30d3\u30c7\u30aa\u3092\u3055\u307e\u3056\u307e\u306a\u753b\u9762\u30b5\u30a4\u30ba\u306b\u9069\u5408\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u65b0\u6a5f\u80fd\u304c\u5c0e\u5165\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u3053\u308c\u306b\u306f\u3001srcset \u5c5e\u6027\u3068\u30b5\u30a4\u30ba\u5c5e\u6027\u3001\u304a\u3088\u3073\u30d4\u30af\u30c1\u30e3\u8981\u7d20\u3068\u30bd\u30fc\u30b9\u8981\u7d20\u304c\u542b\u307e\u308c\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30c7\u30d0\u30a4\u30b9\u306b\u4f9d\u5b58\u3057\u306a\u3044\u30d4\u30af\u30bb\u30eb: HTML5 \u3067\u306f\u3001\u30c7\u30d0\u30a4\u30b9\u306b\u4f9d\u5b58\u3057\u306a\u3044\u30d4\u30af\u30bb\u30eb\u3092\u4f7f\u7528\u3057\u3066\u753b\u9762\u30b5\u30a4\u30ba\u3092\u6e2c\u5b9a\u3057\u307e\u3059\u3002 \u3053\u308c\u306b\u3088\u308a\u3001Web\u30da\u30fc\u30b8\u306f\u30c7\u30d0\u30a4\u30b9\u9593\u3067\u4e00\u8cab\u3057\u305f\u5916\u89b3\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u5b9f\u73fe\u3067\u304d\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u7d50\u8ad6\u3068\u3057\u3066\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304cWeb\u30b5\u30a4\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3057\u3066\u3044\u308b\u30c7\u30d0\u30a4\u30b9\u3084\u753b\u9762\u30b5\u30a4\u30ba\u306b\u95a2\u4fc2\u306a\u304f\u3001\u30e6\u30fc\u30b6\u30fc\u306b\u3088\u308a\u826f\u3044\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u3092\u63d0\u4f9b\u3067\u304d\u3001\u6700\u9ad8\u306eWeb\u30b5\u30a4\u30c8\u306e\u5916\u89b3\u3068\u6a5f\u80fd\u3092\u5f97\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML5\u306f\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306e\u30e9\u30f3\u30ad\u30f3\u30b0\u3067Web\u30b5\u30a4\u30c8\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3064\u91cd\u8981\u306a\u624b\u6cd5\u3067\u3059\u3002 HTML5 SEO\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3092\u4f7f\u7528\u3059\u308b:HTML5\u3067\u306f\u3001\u30d8\u30c3\u30c0\u30fc\u3001\u30d5\u30c3\u30bf\u30fc\u3001\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u3001\u30bb\u30af\u30b7\u30e7\u30f3\u3001\u8a18\u4e8b\u3001\u8107\u306a\u3069\u3001\u3088\u308a\u591a\u304f\u306e\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u304c\u5c0e\u5165\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u3053\u308c\u3089\u306e\u30bf\u30b0\u306b\u3088\u308a\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306fWeb\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3057\u3001\u30e9\u30f3\u30ad\u30f3\u30b0\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30bf\u30a4\u30c8\u30eb\u30bf\u30b0\u3068\u30e1\u30bf\u30bf\u30b0\u3092\u4f7f\u7528\u3059\u308b: HTML5 \u3067\u306f\u3001\u30bf\u30a4\u30c8\u30eb\u30bf\u30b0\u3068\u30e1\u30bf\u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3066\u30da\u30fc\u30b8\u30bf\u30a4\u30c8\u30eb\u3068\u8aac\u660e\u3092\u5b9a\u7fa9\u3067\u304d\u307e\u3059\u3002 \u3053\u308c\u3089\u306e\u30bf\u30b0\u306f\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u95a2\u3059\u308b\u91cd\u8981\u306a\u60c5\u5831\u3092\u63d0\u4f9b\u3059\u308b\u305f\u3081\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306e\u30af\u30ed\u30fc\u30e9\u30fc\u306b\u3068\u3063\u3066\u91cd\u8981\u3067\u3059\u3002<\/li>\n\n\n\n<li>\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u3092\u6700\u9069\u5316\u3059\u308b:\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u901f\u5ea6\u306f\u3001SEO\u306e\u91cd\u8981\u306a\u8981\u7d20\u306e5\u3064\u3067\u3059\u3002 HTML&lt;&gt; \u3067\u306f\u3001localStorage \u3084 Web \u30ef\u30fc\u30ab\u30fc\u306a\u3069\u306e\u65b0\u6a5f\u80fd\u3092\u4f7f\u7528\u3057\u3066\u3001\u30da\u30fc\u30b8\u306e\u8aad\u307f\u8fbc\u307f\u3092\u9ad8\u901f\u5316\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b:\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30f3\u306f\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u306e\u753b\u9762\u30b5\u30a4\u30ba\u306b\u9069\u5fdc\u3055\u305b\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002 Google\u306f\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u597d\u3080\u305f\u3081\u3001\u30e9\u30f3\u30ad\u30f3\u30b0\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u69cb\u9020\u5316\u30c7\u30fc\u30bf\u306e\u4f7f\u7528:HTML5\u3067\u306f\u3001\u69cb\u9020\u5316\u30c7\u30fc\u30bf\u3092\u4f7f\u7528\u3057\u3066\u3001Web\u30b5\u30a4\u30c8\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u95a2\u3059\u308b\u3088\u308a\u8a73\u7d30\u306a\u60c5\u5831\u3092\u63d0\u4f9b\u3067\u304d\u307e\u3059\u3002 \u3053\u306e\u30c7\u30fc\u30bf\u306f\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u304cWeb\u30b5\u30a4\u30c8\u3092\u3088\u308a\u3088\u304f\u7406\u89e3\u3057\u3001\u691c\u7d22\u7d50\u679c\u306b\u3088\u308a\u8a73\u7d30\u306a\u60c5\u5831\u3092\u8868\u793a\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u3001\u30e9\u30f3\u30ad\u30f3\u30b0\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u30e2\u30d0\u30a4\u30eb\u7248\u306b\u6700\u9069\u5316\u3059\u308b: \u30e2\u30d0\u30a4\u30eb\u7aef\u672b\u3092\u4f7f\u7528\u3057\u3066\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306b\u30a2\u30af\u30bb\u30b9\u3059\u308b\u4eba\u304c\u5897\u3048\u308b\u306b\u3064\u308c\u3001\u30e2\u30d0\u30a4\u30eb\u7248\u3092\u6700\u9069\u5316\u3059\u308b\u3053\u3068\u304c\u91cd\u8981\u3067\u3059\u3002 HTML5 \u3067\u306f\u3001viewport \u8981\u7d20\u3092\u4f7f\u7528\u3057\u3066\u3001\u30e2\u30d0\u30a4\u30eb \u30c7\u30d0\u30a4\u30b9\u3067\u306e\u30da\u30fc\u30b8\u306e\u8868\u793a\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002<\/li>\n\n\n\n<li>\u9069\u5207\u306a\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3092\u4f7f\u7528\u3059\u308b: \u9069\u5207\u306a\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001Web\u30b5\u30a4\u30c8\u304c\u7406\u89e3\u3057\u3084\u3059\u304f\u306a\u308a\u3001\u30e9\u30f3\u30ad\u30f3\u30b0\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305f\u3068\u3048\u3070\u3001HTML5 \u3067\u306f\u3001\u30da\u30fc\u30b8\u306e\u30e1\u30a4\u30f3 \u30bf\u30a4\u30c8\u30eb\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b &lt;h1&gt; \u30bf\u30b0\u3092\u4f7f\u7528\u3057\u3001\u5c0f\u898b\u51fa\u3057\u3092\u5b9a\u7fa9\u3059\u308b\u305f\u3081\u306b &lt;h2&gt; \u30bf\u30b0\u3092\u4f7f\u7528\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u7d50\u8ad6\u3068\u3057\u3066\u3001HTML5\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306e\u30e9\u30f3\u30ad\u30f3\u30b0\u3067Web\u30b5\u30a4\u30c8\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3001\u30bf\u30a4\u30c8\u30eb\u30bf\u30b0\u3068\u30e1\u30bf\u30bf\u30b0\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30f3\u3001\u69cb\u9020\u5316\u30c7\u30fc\u30bf\u3001\u30e2\u30d0\u30a4\u30eb\u30d0\u30fc\u30b8\u30e7\u30f3\u306e\u6700\u9069\u5316\u306a\u3069\u306e\u624b\u6cd5\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u3001\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u306e\u53ef\u8996\u6027\u3068\u30e9\u30f3\u30ad\u30f3\u30b0\u3092\u5411\u4e0a\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>HTML5\u306f\u3001Web\u6a19\u6e96\u3068\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306b\u9032\u5316\u3057\u3001Web\u30b5\u30a4\u30c8\u3068Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30d6\u30e9\u30a6\u30b6\u30fc\u3067\u6b63\u3057\u304f\u8868\u793a\u304a\u3088\u3073\u5b9f\u884c\u3067\u304d\u3001\u4f7f\u3044\u3084\u3059\u304f\u7406\u89e3\u3057\u3084\u3059\u304f\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>Web \u6a19\u6e96\u306f\u3001HTML\u3001CSS\u3001JavaScript \u306a\u3069\u306e Web \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u76f8\u4e92\u904b\u7528\u6027\u3068\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306b\u8a2d\u8a08\u3055\u308c\u305f\u4e00\u9023\u306e\u4ed5\u69d8\u3068\u30d9\u30b9\u30c8 \u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u3067\u3059\u3002 HTML5 \u3067\u306f\u3001\u6b21\u306e\u3088\u3046\u306a\u3055\u307e\u3056\u307e\u306a Web \u6a19\u6e96\u304c\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>1.\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30bf\u30b0:HTML5\u3067\u306f\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u69cb\u9020\u3068\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u3088\u308a\u6b63\u78ba\u306b\u8aac\u660e\u3059\u308b\u305f\u3081\u306b\u3001&lt;\u30d8\u30c3\u30c0\u30fc&gt;\u3001&lt;nav&gt;\u3001&lt;\u8a18\u4e8b&gt;\u3001&lt;\u30bb\u30af\u30b7\u30e7\u30f3&gt;\u3001&lt;\u8107&gt;\u3001&lt;\u30d5\u30c3\u30bf\u30fc&gt;\u306a\u3069\u306e\u65b0\u3057\u3044\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30bf\u30b0\u304c\u5c0e\u5165\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>2.\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3:HTML5\u306f\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u5f37\u8abf\u3057\u3001\u7269\u7406\u7684\u307e\u305f\u306f\u6280\u8853\u7684\u3092\u554f\u308f\u305a\u3001\u3067\u304d\u308b\u3060\u3051\u591a\u304f\u306e\u4eba\u3005\u304cWeb\u30b5\u30a4\u30c8\u3084Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002 HTML5 \u306b\u306f\u3001ARIA (\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3 \u30ea\u30bd\u30fc\u30b9\u57cb\u3081\u8fbc\u307f\u5c5e\u6027) \u3084\u30d5\u30a9\u30fc\u30e0\u691c\u8a3c\u306a\u3069\u306e\u65b0\u3057\u3044\u6a5f\u80fd\u3068\u5c5e\u6027\u304c\u542b\u307e\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>3.\u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2\u306e\u30b5\u30dd\u30fc\u30c8:HTML5\u306f&lt;\u30d3\u30c7\u30aa&gt;\u3084&lt;\u30aa\u30fc\u30c7\u30a3\u30aa&gt;\u306a\u3069\u306e\u30de\u30eb\u30c1\u30e1\u30c7\u30a3\u30a2\u8981\u7d20\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u30d3\u30c7\u30aa\u3084\u30aa\u30fc\u30c7\u30a3\u30aa\u3092Web\u30da\u30fc\u30b8\u306b\u7c21\u5358\u306b\u57cb\u3081\u8fbc\u3080\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>4. CSS3:HTML5\u3068CSS3\u306f\u9023\u643a\u3057\u3066\u3001\u4e38\u307f\u3092\u5e2f\u3073\u305f\u89d2\u3001\u5f71\u3001\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u306e\u3088\u308a\u591a\u304f\u306e\u30b9\u30bf\u30a4\u30eb\u3068\u30ec\u30a4\u30a2\u30a6\u30c8\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>5.\u30e2\u30d0\u30a4\u30eb\u30b5\u30dd\u30fc\u30c8:HTML5\u30c7\u30b6\u30a4\u30f3\u306e\u76ee\u6a19\u306e&lt;&gt;\u3064\u306f\u3001\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6Web\u30c7\u30b6\u30a4\u30f3\u3084\u30e2\u30d0\u30a4\u30eb\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u306a\u30d5\u30a9\u30fc\u30e0\u8981\u7d20\u306a\u3069\u3001\u3088\u308a\u512a\u308c\u305f\u30e2\u30d0\u30a4\u30eb\u30b5\u30dd\u30fc\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n<p>HTML5 \u3092\u5b9f\u88c5\u3059\u308b\u5834\u5408\u3001Web \u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u4fe1\u983c\u6027\u3001\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3001\u304a\u3088\u3073\u4fdd\u5b88\u6027\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306b\u3001Web \u6a19\u6e96\u3068\u30d9\u30b9\u30c8 \u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u5f93\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u3044\u304f\u3064\u304b\u306e\u30d9\u30b9\u30c8 \u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<p>1. \u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30bf\u30b0\u3092\u4f7f\u7528\u3059\u308b: \u9069\u5207\u306a\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u30bf\u30b0\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u8aad\u307f\u53d6\u308a\u3001\u7406\u89e3\u3001\u4fdd\u5b88\u304c\u5bb9\u6613\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>2.\u3059\u3079\u3066\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u63d0\u4f9b\u3059\u308b:\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u3092\u78ba\u4fdd\u3059\u308b\u305f\u3081\u306b\u3001\u7269\u7406\u7684\u304a\u3088\u3073\u6280\u8853\u7684\u306a\u969c\u58c1\u3092\u542b\u3081\u3001\u3059\u3079\u3066\u306e\u30e6\u30fc\u30b6\u30fc\u304c\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002 \u3053\u308c\u306f\u3001ARIA \u3084\u305d\u306e\u4ed6\u306e\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u6a5f\u80fd\u3067\u30b5\u30dd\u30fc\u30c8\u3055\u308c\u3066\u3044\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>3.\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u3092\u4f7f\u7528\u3059\u308b:\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306b\u3088\u308a\u3001Web\u30b5\u30a4\u30c8\u304c\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30d6\u30e9\u30a6\u30b6\u3067\u6b63\u3057\u304f\u8868\u793a\u304a\u3088\u3073\u6a5f\u80fd\u3059\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p>4. SEO\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u5f93\u3046:SEO\u306e\u30d9\u30b9\u30c8\u30d7\u30e9\u30af\u30c6\u30a3\u30b9\u306b\u5f93\u3046\u3068\u3001\u691c\u7d22\u30a8\u30f3\u30b8\u30f3\u306b\u3088\u308bWeb\u30b5\u30a4\u30c8\u306e\u8b58\u5225\u3068\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u4f5c\u6210\u304c\u5bb9\u6613\u306b\u306a\u308a\u3001Web\u30b5\u30a4\u30c8\u306e\u53ef\u8996\u6027\u3068\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u304c\u5897\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>5.\u30c6\u30b9\u30c8\u3068\u6700\u9069\u5316:\u30c6\u30b9\u30c8\u3068\u6700\u9069\u5316\u306b\u3088\u308a\u3001Web\u30b5\u30a4\u30c8\u304c\u3055\u307e\u3056\u307e\u306a\u30c7\u30d0\u30a4\u30b9\u3084\u30d6\u30e9\u30a6\u30b6\u3067\u6b63\u3057\u304f\u8868\u793a\u304a\u3088\u3073\u52d5\u4f5c\u3057\u3001\u30e6\u30fc\u30b6\u30fc\u30a8\u30af\u30b9\u30da\u30ea\u30a8\u30f3\u30b9\u304c\u5411\u4e0a\u3059\u308b\u3053\u3068\u304c\u4fdd\u8a3c\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Github\u306b\u306f\u512a\u308c\u305fHTML\u30b7\u30b9\u30c6\u30e0\u304c\u305f\u304f\u3055\u3093\u3042\u308a\u3001\u3053\u3053\u306b\u3044\u304f\u3064\u304b\u306e\u63a8\u5968\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u3042\u308a\u307e\u3059:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>HTML5\u30dc\u30a4\u30e9\u30fc\u30d7\u30ec\u30fc\u30c8:\u9ad8\u901f\u3067\u4fe1\u983c\u6027\u306e\u9ad8\u3044Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u69cb\u7bc9\u3059\u308b\u305f\u3081\u306e\u5b89\u5b9a\u3057\u305f\u67d4\u8edf\u306a\u57fa\u76e4\u3092\u63d0\u4f9b\u3059\u308bHTML5\u30d9\u30fc\u30b9\u306e\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3002<\/li>\n\n\n\n<li>\u30d6\u30fc\u30c8\u30b9\u30c8\u30e9\u30c3\u30d7:\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u3067\u30e2\u30d0\u30a4\u30eb\u30d5\u30a1\u30fc\u30b9\u30c8\u306eWeb\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u958b\u767a\u3059\u308b\u305f\u3081\u306e\u4e00\u822c\u7684\u306aHTML\u3001CSS\u3001\u304a\u3088\u3073JavaScript\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3002<\/li>\n\n\n\n<li>\u30de\u30c6\u30ea\u30a2\u30e9\u30a4\u30ba: Google \u30de\u30c6\u30ea\u30a2\u30eb \u30c7\u30b6\u30a4\u30f3\u306b\u57fa\u3065\u304f\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9 \u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3067\u3001\u591a\u6570\u306e UI \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306a\u52b9\u679c\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>Bulma:\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30ec\u30a4\u30a2\u30a6\u30c8\u3068\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u53ef\u80fd\u306a\u30b9\u30bf\u30a4\u30eb\u3092\u63d0\u4f9b\u3059\u308b\u6700\u65b0\u306e\u30d5\u30ec\u30c3\u30af\u30b9\u30dc\u30c3\u30af\u30b9\u30d9\u30fc\u30b9\u306eCSS\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u3002<\/li>\n\n\n\n<li>HTML5 UP:\u3055\u307e\u3056\u307e\u306a\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u3068\u5f37\u529b\u306a\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u63d0\u4f9b\u3059\u308bHTML5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u7121\u6599\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u30b3\u30ec\u30af\u30b7\u30e7\u30f3\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u3053\u308c\u3089\u306e\u30a2\u30a4\u30c6\u30e0\u306f\u9ad8\u8a55\u4fa1\u3067\u4f7f\u7528\u3055\u308c\u3066\u304a\u308a\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u9078\u629e\u3057\u3066\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Github\u306b\u306f\u591a\u304f\u306e\u512a\u308c\u305fHTML\u95a2\u9023\u306e\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3068\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u304c\u3042\u308a\u3001\u3053\u3053\u306b\u3044\u304f\u3064\u304b\u306e\u63a8\u5968\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u3042\u308a\u307e\u3059:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u30aa\u30fc\u30c7\u30a3\u30f3\u30d7\u30ed\u30b8\u30a7\u30af\u30c8:HTML\u3001CSS\u3001JavaScript\u3001\u304a\u3088\u3073\u305d\u306e\u4ed6\u306e\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306b\u95a2\u3059\u308b\u8a73\u7d30\u306a\u5b66\u7fd2\u8cc7\u6599\u3068\u5b9f\u8df5\u7684\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u63d0\u4f9b\u3059\u308b\u7121\u6599\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9Web\u958b\u767a\u30b3\u30fc\u30b9\u3002<\/li>\n\n\n\n<li>freeCodeCamp:HTML\u304a\u3088\u3073HTML5\u306e\u5b66\u7fd2\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u542b\u3080\u5305\u62ec\u7684\u306aWeb\u958b\u767a\u30b3\u30fc\u30b9\u3092\u63d0\u4f9b\u3059\u308b\u7121\u6599\u306e\u975e\u55b6\u5229\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3002<\/li>\n\n\n\n<li>MDN Web Docs: Mozilla \u304c\u958b\u767a\u3057\u305f\u7121\u6599\u306e\u30aa\u30fc\u30d7\u30f3\u30bd\u30fc\u30b9\u306e\u30a6\u30a7\u30d6\u958b\u767a\u6587\u66f8\u3067\u3001HTML \u304a\u3088\u3073 HTML5 \u95a2\u9023\u306e\u5305\u62ec\u7684\u306a\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3068\u53c2\u8003\u8cc7\u6599\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002<\/li>\n\n\n\n<li>HTML5 Rocks: Google\u304c\u958b\u767a\u3057\u305f\u5c02\u7528\u306eHTML5\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u30b5\u30a4\u30c8\u3067\u3001\u8a73\u7d30\u306a\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3068\u5b9f\u8df5\u7684\u306a\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3001\u304a\u3088\u3073\u6d3b\u767a\u306a\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u304c\u3042\u308a\u307e\u3059\u3002<\/li>\n\n\n\n<li>CSS-Tricks: Chris Coyier \u304c\u7ba1\u7406\u3059\u308b Web \u958b\u767a\u30d6\u30ed\u30b0\u3067\u3001HTML \u304a\u3088\u3073 HTML5 \u95a2\u9023\u306e\u5b66\u7fd2\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u542b\u3080\u5305\u62ec\u7684\u306a\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u958b\u767a\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u4e0a\u8a18\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306f\u3001HTML\u95a2\u9023\u306e\u512a\u308c\u305f\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u3068\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u3067\u3042\u308a\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u3066\u9078\u629e\u3057\u3066\u5b66\u7fd2\u3067\u304d\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>IT\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u306e\u30d3\u30c7\u30aa\u3092\u3084\u308a\u305f\u3044\u306e\u3067 &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"footnotes":""},"categories":[23],"tags":[],"class_list":["post-910","post","type-post","status-publish","format-standard","hentry","category-material"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=910"}],"version-history":[{"count":2,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/910\/revisions"}],"predecessor-version":[{"id":3737,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=\/wp\/v2\/posts\/910\/revisions\/3737"}],"wp:attachment":[{"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edu.ujhb.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}