{"id":84,"date":"2021-10-14T20:56:40","date_gmt":"2021-10-14T12:56:40","guid":{"rendered":"https:\/\/chih-hao.synology.me\/wordpress\/?p=84"},"modified":"2023-01-09T16:25:54","modified_gmt":"2023-01-09T08:25:54","slug":"html-%e5%9f%ba%e7%a4%8e","status":"publish","type":"post","link":"https:\/\/wp.chih-hao.synology.me\/?p=84","title":{"rendered":"HTML \u57fa\u790e"},"content":{"rendered":"\n<p>HTML\uff08<strong>H<\/strong>ypertext&nbsp;<strong>M<\/strong>arkup&nbsp;<strong>L<\/strong>anguage\uff09\uff0c\u4e2d\u6587\u5168\u540d\u70ba\u300c\u8d85\u6587\u5b57\u6a19\u793a\u8a9e\u8a00\u300d\uff0c\u662f\u4e00\u7a2e\u7528\u4f86\u7d44\u7e54\u67b6\u69cb\u4e26\u5448\u73fe\u7db2\u9801\u5167\u5bb9\u7684\u7a0b\u5f0f\u8a9e\u8a00\u3002\u7db2\u9801\u5167\u5bb9\u7684\u7d44\u6210\uff0c\u53ef\u80fd\u5305\u542b\u4e86\u6bb5\u843d\u3001\u6e05\u55ae\u3001\u5716\u7247\u6216\u8868\u683c&#8230;\u7b49\u3002\u900f\u904e\u9019\u7bc7\u6587\u7ae0\uff0c\u5e0c\u671b\u80fd\u5e6b\u52a9\u5927\u5bb6\u5c0d HTML \u53ca\u5176\u529f\u80fd\u6709\u57fa\u672c\u7684\u8a8d\u8b58\u3002<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u986f\u793a\/\u96b1\u85cf\u5167\u5bb9\u76ee\u9304\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#HTML_%E5%88%B0%E5%BA%95%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F\" >HTML \u5230\u5e95\u662f\u4ec0\u9ebc\uff1f<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#HTML_%E5%85%83%E7%B4%A0%E7%9A%84%E7%B5%84%E6%88%90\" >HTML \u5143\u7d20\u7684\u7d44\u6210<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E5%B7%A2%E7%8B%80%E5%85%83%E7%B4%A0\" >\u5de2\u72c0\u5143\u7d20<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E7%A9%BA%E5%85%83%E7%B4%A0\" >\u7a7a\u5143\u7d20<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#HTML_%E6%96%87%E4%BB%B6%E7%9A%84%E6%9E%B6%E6%A7%8B\" >HTML \u6587\u4ef6\u7684\u67b6\u69cb<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E5%9C%96%E7%89%87\" >\u5716\u7247<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E6%A8%99%E8%A8%98%E6%96%87%E5%AD%97\" >\u6a19\u8a18\u6587\u5b57<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E6%96%87%E4%BB%B6%E6%A8%99%E9%A1%8C_heading\" >\u6587\u4ef6\u6a19\u984c&nbsp;(heading)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E6%AE%B5%E8%90%BD_paragraph\" >\u6bb5\u843d (paragraph)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E6%B8%85%E5%96%AE_list\" >\u6e05\u55ae (list)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E9%80%A3%E7%B5%90_link\" >\u9023\u7d50 (link)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/wp.chih-hao.synology.me\/?p=84\/#%E7%B5%90%E8%AB%96\" >\u7d50\u8ad6<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"html_\u5230\u5e95\u662f\u4ec0\u9ebc\uff1f\"><span class=\"ez-toc-section\" id=\"HTML_%E5%88%B0%E5%BA%95%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#html_%E5%88%B0%E5%BA%95%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F\" target=\"_blank\" rel=\"noopener\">HTML \u5230\u5e95\u662f\u4ec0\u9ebc\uff1f<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>HTML \u662f\u4e00\u7a2e<em>\u6a19\u8a18\u8a9e\u8a00\uff08markup language\uff09<\/em>\uff0c\u800c\u975e\u4e00\u822c\u719f\u77e5\u7684\u7a0b\u5f0f\u8a2d\u8a08\u8a9e\u8a00\uff1b\u5b83\u6703\u544a\u8a34\u700f\u89bd\u5668\u8a72\u5982\u4f55\u5448\u73fe\u4f60\u7684\u7db2\u9801\u2500\u2500\u55ae\u7d14\u7c21\u6613\u6216\u662f\u6975\u5176\u8907\u96dc\u7684\u9801\u9762\u90fd\u6c92\u554f\u984c\u3002HTML \u5305\u542b\u4e86\u4e00\u7cfb\u5217\u7684<strong>\u5143\u7d20\uff08<a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Glossary\/Element\" target=\"_blank\" rel=\"noopener\">elements<\/a>\uff09<\/strong>\uff0c\u800c\u5143\u7d20\u5305\u542b\u4e86<strong>\u6a19\u7c64\uff08<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Tag\" target=\"_blank\" rel=\"noopener\">tags\u00a0(en-US)<\/a>\uff09<\/strong>\u8207<strong>\u5167\u5bb9\uff08content\uff09<\/strong>\uff0c\u6211\u5011\u7528\u6a19\u7c64\u4f86\u63a7\u5236\u5167\u5bb9\u7684\u5448\u73fe\u6a23\u8c8c\uff0c\u4f8b\u5982\u5b57\u9ad4\u5927\u5c0f\u3001\u659c\u9ad4\u7c97\u9ad4\u3001\u5728\u6587\u5b57\u6216\u5716\u7247\u8a2d\u7f6e\u8d85\u9023\u7d50\u7b49\u3002\u8209\u4f8b\u4f86\u8aaa\uff0c\u8acb\u770b\u770b\u4ee5\u4e0b\u9019\u500b\u53e5\u5b50\uff1a<\/p>\n\n\n\n<p>My cat is very grumpy<\/p>\n\n\n\n<p>\u5982\u679c\u6211\u5011\u60f3\u8b93\u9019\u500b\u53e5\u5b50\u81ea\u6210\u4e00\u500b\u6bb5\u843d\uff0c\u90a3\u9ebc\u53ef\u4ee5\u5728\u5b83\u524d\u5f8c\u5206\u5225\u52a0\u4e0a\u6bb5\u843d\u6a19\u7c64 (<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/p\" target=\"_blank\" rel=\"noopener\">&lt;p&gt; (en-US)<\/a>)\uff0c\u5b83\u5c31\u8b8a\u6210\u4e00\u500b\u6bb5\u843d\u5143\u7d20\u4e86\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;My cat is very grumpy&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"html_\u5143\u7d20\u7684\u7d44\u6210\"><span class=\"ez-toc-section\" id=\"HTML_%E5%85%83%E7%B4%A0%E7%9A%84%E7%B5%84%E6%88%90\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#html_%E5%85%83%E7%B4%A0%E7%9A%84%E7%B5%84%E6%88%90\" target=\"_blank\" rel=\"noopener\">HTML \u5143\u7d20\u7684\u7d44\u6210<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u8b93\u6211\u5011\u4f86\u4ed4\u7d30\u7684\u89c0\u5bdf\u4e00\u4e0b\uff0c\u5167\u5bb9\u3001\u6a19\u7c64\u548c\u5143\u7d20\u7684\u95dc\u4fc2\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/mdn.mozillademos.org\/files\/9347\/grumpy-cat-small.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>\u6211\u5011\u53ef\u4ee5\u770b\u5230\u57fa\u672c\u7684\u67b6\u69cb\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>\u8d77\u59cb\u6a19\u7c64 \uff08The opening tag\uff09\uff1a<\/strong>\u5148\u6253\u89d2\u62ec\u5f27\uff0c\u4e5f\u5c31\u662f\u5927\u65bc\u3001\u5c0f\u65bc\u7684\u7b26\u865f\u300c&lt; &gt;\u300d\uff0c\u88e1\u9762\u518d\u653e\u5165\u5143\u7d20\u540d\u7a31\uff0c\u5982\u4e0a\u9762\u7684\u4f8b\u5b50\u300c&lt;p&gt;\u300d\u3002\u8d77\u59cb\u6a19\u7c64\u4ee3\u8868\u9019\u500b\u5143\u7d20\u5f9e\u9019\u88e1\u958b\u59cb\u3002<\/li><li><strong>\u7d50\u675f\u6a19\u7c64 \uff08The closing tag\uff09\uff1a<\/strong>&nbsp;\u8207\u8d77\u59cb\u6a19\u7c64\u4e00\u6a23\uff0c\u53ea\u662f\u5728\u5143\u7d20\u540d\u7a31\u524d\u9762\u591a\u4e86\u500b<em>\u524d\u7f6e\u659c\u7dda<\/em>\u300c\/\u300d\u3002\u5f88\u5bb9\u6613\u7406\u89e3\u5730\uff0c\u5167\u5bb9\u7684\u6700\u5f8c\u52a0\u4e0a\u7d50\u675f\u6a19\u7c64\uff0c\u4ee3\u8868\u9019\u500b\u5143\u7d20\u7684\u5c3e\u7aef\u3002\u5728\u5bebHTML\u6642\uff0c\u5f88\u5bb9\u6613\u5fd8\u4e86\u6700\u5f8c\u7684\u7d50\u675f\u6a19\u7c64\uff0c\u63d0\u9192\u5927\u5bb6\u8981\u591a\u6ce8\u610f\u5537\uff01<\/li><li><strong>\u5167\u5bb9\uff08The content\uff09\uff1a<\/strong>&nbsp;\u9019\u500b\u5143\u7d20\u7684\u5167\u5bb9\uff0c\u4ee5\u4e0a\u9762\u7684\u4f8b\u5b50\u4f86\u8aaa\uff0c\u5167\u5bb9\u5c31\u662f\u9019\u53e5\u6587\u5b57\u3002<\/li><li><strong>\u5143\u7d20\uff08The element\uff09\uff1a<\/strong>&nbsp;\u7531\u8d77\u59cb\u6a19\u7c64\u3001\u7d50\u675f\u6a19\u7c64\u3001\u5167\u5bb9\u6240\u7d44\u6210\u3002<\/li><\/ol>\n\n\n\n<p>\u5143\u7d20\u9084\u53ef\u4ee5\u6709\u300c\u5c6c\u6027\uff08Attribute\uff09\u300d\uff0c\u8acb\u5927\u5bb6\u770b\u770b\u4e0b\u9762\u7684\u4f8b\u5b50\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/mdn.mozillademos.org\/files\/9345\/grumpy-cat-attribute-small.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>\u5c6c\u6027\u80fd\u63d0\u4f9b\u66f4\u591a\u7684\u8cc7\u8a0a\uff08\u7576\u7136\uff0c\u9019\u500b\u8cc7\u8a0a\u662f\u5e6b\u52a9\u6211\u5011\u66f4\u6709\u6548\u53ca\u65b9\u4fbf\u7de8\u8f2f\uff0c\u4e0d\u6703\u5448\u73fe\u5728\u7db2\u9801\u4e0a\uff09\uff0c\u5c6c\u6027\u5305\u542b\u4e86\u5c6c\u6027\u540d\u7a31\u8207\u503c\uff0c\u4f60\u53ef\u4ee5\u5229\u7528\u5c6c\u6027\u8a2d\u5b9a\u9019\u500b\u5143\u7d20\u7684\u8272\u5f69\u3001\u5c0d\u9f4a\u65b9\u5f0f\u3001\u5716\u8868\u7684\u683c\u7dda\u7b49\u7b49\u3002<\/p>\n\n\n\n<p>\u5c6c\u6027\u7684\u7d44\u6210\u5305\u542b\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>\u5728\u5143\u7d20\u540d\u7a31\u548c\u5c6c\u6027\u4e4b\u9593\u6709\u4e00\u500b\u7a7a\u683c\uff08\u5982\u679c\u6709\u591a\u500b\u5c6c\u6027\uff0c\u5c6c\u6027\u4e4b\u9593\u4e5f\u9700\u8981\u6709\u7a7a\u683c\uff09<\/li><li>\u5c6c\u6027\u540d\u7a31\u5f8c\u9762\u63a5\u8457\u7b49\u65bc\u7b26\u865f\u300c=\u300d<\/li><li>\u5c6c\u6027\u5305\u5728\u8d77\u59cb\u6a19\u7c64\u88e1\u9762\uff0c\u5982\u7bc4\u4f8b\u6240\u793a<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"\u5de2\u72c0\u5143\u7d20\"><span class=\"ez-toc-section\" id=\"%E5%B7%A2%E7%8B%80%E5%85%83%E7%B4%A0\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E5%B7%A2%E7%8B%80%E5%85%83%E7%B4%A0\" target=\"_blank\" rel=\"noopener\">\u5de2\u72c0\u5143\u7d20<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5143\u7d20\u88e1\u9762\u53ef\u4ee5\u5728\u653e\u9032\u5143\u7d20\uff0c\u6211\u5011\u7a31\u4e4b\u70ba\u300c<strong>\u5de2\u72c0\u5143\u7d20\uff08nesting element\uff09<\/strong>\u300d\u3002\u4f8b\u5982\u9019\u500b\u53e5\u5b50\uff1a\u300c\u6211\u7684\u8c93\u6709\u5920\u7121\u6575\u81ed\u81c9\u300d\uff0c\u82e5\u4f60\u60f3\u5f37\u8abf\u300c\u6709\u5920\u7121\u6575\u300d\uff0c\u6211\u5011\u5c31\u53ef\u4ee5\u628a\u300c\u6709\u5920\u7121\u6575\u300d\u9019\u56db\u500b\u5b57\u81ea\u6210\u4e00\u500b\u986f\u793a\u70ba\u7c97\u9ad4\u7684\u5143\u7d20\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/strong\" target=\"_blank\" rel=\"noopener\">&lt;strong> (en-US)<\/a>\u00a0:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;My cat is &lt;strong&gt;very&lt;\/strong&gt; grumpy.&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p>\u8981\u6ce8\u610f\u7684\u662f\uff0c\u6bcf\u500b\u5143\u7d20\u90fd\u6709\u81ea\u5df1\u7684\u8d77\u59cb\u548c\u7d50\u675f\u6a19\u7c64\uff0c\u4e00\u5c64\u4e00\u5c64\u7684\u5305\u8986\u3002\u6240\u4ee5\u6700\u5916\u5c64\u662f&lt;p&gt;&nbsp; \uff0c\u63a5\u8457&lt;strong&gt; \uff1b\u5148\u7d50\u675fstrong\u5143\u7d20\uff0c\u6240\u4ee5\u5148\u5beb&lt;\/strong&gt;\uff0c\u6700\u5916\u9762\u624d\u662f &lt;\/p&gt;\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;My cat is &lt;strong&gt;very grumpy.&lt;\/p&gt;&lt;\/strong&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p>\u5982\u679c\u5143\u7d20\u7684\u8d77\u59cb\u548c\u7d50\u675f\u6a19\u7c64\u932f\u7f6e\uff08\u5982\u4e0a\u65b9\uff09\uff0c\u90a3\u9ebc\u700f\u89bd\u5668\u53ea\u80fd\u81ea\u884c\u5224\u65b7\u4f60\u60f3\u5448\u73fe\u7684\u6a23\u5b50\uff0c\u53ef\u80fd\u6703\u5b8c\u5168\u4e0d\u5982\u9810\u671f\uff01\u6240\u4ee5\u5728\u505a\u5de2\u72c0\u5143\u7d20\u6642\u8981\u591a\u6ce8\u610f\u5537\uff01<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"\u7a7a\u5143\u7d20\"><span class=\"ez-toc-section\" id=\"%E7%A9%BA%E5%85%83%E7%B4%A0\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E7%A9%BA%E5%85%83%E7%B4%A0\" target=\"_blank\" rel=\"noopener\">\u7a7a\u5143\u7d20<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u6709\u4e9b\u5143\u7d20\u6c92\u6709\u5167\u5bb9\uff0c\u6211\u5011\u7a31\u70ba\u300c<strong>\u7a7a\u5143\u7d20\uff08empty elements\uff09<\/strong>\u300d\u3002 \u4ee5\u9019\u500b\u5716\u7247\u5143\u7d20&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/img\" target=\"_blank\" rel=\"noopener\">&lt;img&gt; (en-US)<\/a>&nbsp;\u70ba\u4f8b\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"images\/firefox-icon.png\" alt=\"My test image\"&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p>\u5b83\u6709\u5169\u500b\u5c6c\u6027\uff0c\u4f46\u662f\u6c92\u6709\u7d50\u675f\u6a19\u7c64\uff0c\u4e5f\u6c92\u6709\u88e1\u9762\u7684\u5167\u5bb9\u3002\u56e0\u70ba\u5716\u7247\u5143\u7d20\u662f\u76f4\u63a5\u628a\u5716\u6a94\u5d4c\u5728 HTML \u7db2\u9801\u4e0a\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"html_\u6587\u4ef6\u7684\u67b6\u69cb\"><span class=\"ez-toc-section\" id=\"HTML_%E6%96%87%E4%BB%B6%E7%9A%84%E6%9E%B6%E6%A7%8B\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#html_%E6%96%87%E4%BB%B6%E7%9A%84%E6%9E%B6%E6%A7%8B\" target=\"_blank\" rel=\"noopener\">HTML \u6587\u4ef6\u7684\u67b6\u69cb<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u8b93\u6211\u5011\u4f86\u770b\u770b\u4e00\u500b\u5b8c\u6574\u7684HTML\u9801\u9762\u5b83\u6240\u5305\u542b\u7684\u8981\u7d20\uff08\u4ee5\u4e0b\u7bc4\u4f8b\u7684\u7a0b\u5f0f\u78bc\u51fa\u81ea\u9019\u7bc7\u6587\u7ae0\uff1a<a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/Dealing_with_files\" target=\"_blank\" rel=\"noopener\">Dealing with files<\/a>\uff09\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;meta charset=\"utf-8\"&gt;\n    &lt;title&gt;My test page&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;body&gt;\n    &lt;img src=\"images\/firefox-icon.png\" alt=\"My test image\"&gt;\n  &lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p>\u6211\u5011\u53ef\u4ee5\u770b\u5230\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><code>&lt;!DOCTYPE html&gt;<\/code>&nbsp;\u2014 \u6587\u4ef6\u985e\u578b\uff08doctype\uff09\u3002 \u5728 HTML \u767c\u5c55\u521d\u671f\uff08\u7d04\u83ab 1991\/2 \u7684\u5e74\u4ee3\uff09\u6587\u4ef6\u985e\u578b\u662f\u7528\u4f86\u9023\u7d50\u4e00\u4e9b\u61c9\u9075\u5b88\u7684\u898f\u5247\uff0c\u6709\u9ede\u50cf\u81ea\u52d5\u6821\u6b63\u7684\u529f\u80fd\u3002\u7136\u800c\uff0c\u73fe\u5728\u5927\u5bb6\u5176\u5be6\u4e0d\u592a\u7ba1\u6587\u4ef6\u985e\u578b\uff0c\u5b83\u5c31\u662f\u500b\u5fc5\u9808\u653e\u5728\u7a0b\u5f0f\u78bc\u4e2d\u7684\u6771\u897f\uff0c\u73fe\u968e\u6bb5\u5927\u5bb6\u53ea\u9700\u8981\u77e5\u9053\u9019\u9ede\u5c31\u5920\u4e86\u3002<\/li><li><code>&lt;html&gt;&lt;\/html&gt;<\/code>&nbsp;\u2014&nbsp;<code>&lt;html&gt;<\/code>&nbsp;\u5143\u7d20\uff0c\u53c8\u88ab\u8996\u70ba\u6839\u5143\u7d20\uff08root element\uff09\uff0c\u5305\u542b\u4e86\u6240\u6709\u986f\u793a\u5728\u9019\u500b\u9801\u9762\u4e0a\u7684\u5167\u5bb9\u3002<\/li><li><code>&lt;head&gt;&lt;\/head&gt;<\/code>&nbsp;\u2014&nbsp;&nbsp;<code>&lt;head&gt;<\/code>&nbsp;\u5143\u7d20\uff0c\u88e1\u9762\u653e\u7684\u662f\u4f60\u60f3\u6db5\u62ec\u7684\u91cd\u8981\u8cc7\u8a0a\uff0c\u4f46<strong>\u4e0d\u6703\u986f\u793a\u65bc\u7db2\u9801\u700f\u89bd\u8005\u773c\u524d\u7684<\/strong>\u3002\u4f8b\u5982\uff0c\u986f\u793a\u65bc\u641c\u5c0b\u7d50\u679c\u7684\u95dc\u9375\u5b57\u3001\u9801\u9762\u8aaa\u660e<em>\u3001<\/em>CSS\u3001\u5b57\u5143\u5be6\u9ad4\u96c6&#8230;\u7b49\u3002<\/li><li><code>&lt;body&gt;&lt;\/body&gt;<\/code>&nbsp;\u2014&nbsp;&nbsp;<code>&lt;body&gt;<\/code>&nbsp;\u5143\u7d20\uff0c\u5305\u542b\u4e86<strong>\u6240\u6709\u6703\u986f\u793a\u65bc\u7db2\u9801\u700f\u89bd\u8005\u773c\u524d\u7684\u5167\u5bb9\u3002<\/strong>&nbsp;\u7121\u8ad6\u662f\u6587\u5b57\u3001\u5716\u7247\u3001\u5f71\u9762\u3001\u4e92\u52d5\u904a\u6232&#8230;\u7b49\u3002<\/li><li><code>&lt;meta charset=\"utf-8\"&gt;<\/code>&nbsp;\u2014 \u9019\u500b\u5143\u7d20\u6307\u5b9a\u4e86\u4f60\u7684\u6587\u4ef6\u4f7f\u7528utf-8\u9019\u7a2e\u5b57\u5143\u7de8\u78bc\uff0c \u5efa\u8b70\u5927\u5bb6\u90fd\u8981\u4f7f\u7528\u9019\u500b\u5143\u7d20\uff0c\u5b83\u6703\u5e6b\u52a9\u4f60\u514d\u53bb\u8a31\u591a\u6587\u5b57\u7121\u6cd5\u6b63\u78ba\u5448\u73fe\u7684\u7169\u60f1\u3002<\/li><li><code>&lt;title&gt;&lt;\/title&gt;<\/code>&nbsp;\u2014 \u5448\u73fe\u65bc\u7db2\u9801\u700f\u89bd\u8005\u773c\u524d\u7684\u7db2\u9801\u6a19\u984c\u3002<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u5716\u7247\"><span class=\"ez-toc-section\" id=\"%E5%9C%96%E7%89%87\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E5%9C%96%E7%89%87\" target=\"_blank\" rel=\"noopener\">\u5716\u7247<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u518d\u8b93\u6211\u5011\u8907\u7fd2\u4e00\u4e0b\u5716\u7247\u5143\u7d20\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"images\/firefox-icon.png\" alt=\"My test image\"&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p>\u5982\u540c\u6211\u5011\u524d\u9762\u63d0\u5230\uff0c\u5716\u7247\u5143\u7d20\u662f\u76f4\u63a5\u628a\u5716\u6a94\u5d4c\u5728HTML\u7db2\u9801\u4e0a\uff0c\u5b83\u662f\u900f\u904e\u5716\u7247\u4f86\u6e90\uff08<code>src<\/code>&nbsp;\uff0csource\uff09\u9019\u500b\u5c6c\u6027\uff0c\u63d0\u4f9b\u4e86\u9023\u5230\u5716\u7247\u6a94\u6848\u7684\u8def\u5f91\u3002<\/p>\n\n\n\n<p>\u6211\u5011\u4e5f\u53ef\u4ee5\u52a0\u4e0a<code>alt<\/code>&nbsp;(alternative) \u9019\u500b\u5c6c\u6027\u3002\u5728\u7db2\u9801\u700f\u89bd\u8005\u7121\u6cd5\u6b63\u78ba\u770b\u5230\u5716\u7247\u6642\uff0c\u4f60\u5e0c\u671b\u5c0d\u4ed6\u5011\u5448\u73fe\u4ec0\u9ebc\u6a23\u7684\u8aaa\u660e\u6587\u5b57\u3002\u9019\u7a2e\u72c0\u6cc1\u6703\u767c\u751f\u901a\u5e38\u662f\u56e0\u70ba:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>\u8a31\u591a\u8996\u80fd\u969c\u7919\u7684\u7db2\u9801\u700f\u89bd\u8005\uff0c\u6703\u4f7f\u7528\u300cScreen Readers\u300d\u9019\u6a23\u7684\u5de5\u5177\uff0c\u5229\u7528\u8aaa\u660e\u6587\u5b57\uff08alt text\uff09\u4f86\u4e86\u89e3\u7db2\u9801\u8981\u5448\u73fe\u7684\u5716\u7247\u5167\u5bb9\u3002<\/li><li>\u5c31\u662f\u6709\u4e9b\u6771\u897f\u51fa\u932f\u4e86\u3002\u4f8b\u5982\uff0c\u4f60\u8aa4\u690d\u4e86\u5716\u7247\u4f86\u6e90\u7684\u8def\u5f91\uff0c\u4f60\u53ef\u80fd\u5c31\u6703\u770b\u5230\u985e\u4f3c\u4ee5\u4e0b\u7684\u6587\u5b57\uff1a<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/mdn.mozillademos.org\/files\/9349\/alt-text-example.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>\u8aaa\u660e\u6587\u5b57\u61c9\u8a72\u8981\u597d\u597d\u5448\u73fe\u9019\u500b\u5716\u7247\u7684\u5167\u5bb9\uff0c\u4e0a\u9762\u9019\u500b\u4f8b\u5b50\u5c31\u5f88\u5dee\u3002\u597d\u7684\u4f8b\u5b50\u50cf\u662f\uff1a\u300cFirefox&nbsp; Logo\uff1a\u6709\u4e00\u96bb\u72d0\u72f8\u7e5e\u8457\u5730\u7403\u300d<\/p>\n\n\n\n<p><strong>\u6ce8\u610f<\/strong>\uff1a\u4f60\u53ef\u4ee5\u5728&nbsp;<a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Web\/Accessibility\" target=\"_blank\" rel=\"noopener\">MDN&#8217;s Accessibility landing page<\/a>&nbsp;\u67e5\u770b\u7121\u969c\u7919\u9801\u9762\u7684\u8cc7\u8a0a\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u6a19\u8a18\u6587\u5b57\"><span class=\"ez-toc-section\" id=\"%E6%A8%99%E8%A8%98%E6%96%87%E5%AD%97\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E6%A8%99%E8%A8%98%E6%96%87%E5%AD%97\" target=\"_blank\" rel=\"noopener\">\u6a19\u8a18\u6587\u5b57<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u9019\u500b\u6bb5\u843d\u5c07\u70ba\u5927\u5bb6\u4ecb\u7d39\u5982\u4f55\u6a19\u8a18\u6587\u5b57\uff08\u8b93\u9019\u4e9b\u6587\u5b57\u5982\u4f55\u5448\u73fe\uff09\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"\u6587\u4ef6\u6a19\u984c_heading\"><span class=\"ez-toc-section\" id=\"%E6%96%87%E4%BB%B6%E6%A8%99%E9%A1%8C_heading\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E6%96%87%E4%BB%B6%E6%A8%99%E9%A1%8C_heading\" target=\"_blank\" rel=\"noopener\"><strong>\u6587\u4ef6\u6a19\u984c<\/strong>&nbsp;(heading)<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u8b93\u4f60\u5448\u73fe\u9019\u4e9b\u5167\u5bb9\u7684\u4e3b\u984c\uff0c\u5c31\u50cf\u4e00\u672c\u66f8\u6709\u66f8\u540d\u3001\u7ae0\u7bc0\u540d\u7a31\u548c\u526f\u6a19\u984c\uff0c\u4e00\u4efdHTML\u6587\u4ef6\u4e5f\u6709\u985e\u4f3c\u7684\u6982\u5ff5\u3002HTML\u6700\u591a\u53ef\u4ee5\u6709\u516d\u5c64\u7684heading\uff0c&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/Heading_Elements\" target=\"_blank\" rel=\"noopener\">&lt;h1&gt; (en-US)<\/a>\u2013<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/Heading_Elements\" target=\"_blank\" rel=\"noopener\">&lt;h6&gt; (en-US)<\/a>&nbsp;\uff0c\u96d6\u7136\u901a\u5e38\u6211\u5011\u53ea\u4f7f\u75283\u81f34\u5c64\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h1&gt;My main title&lt;\/h1&gt;\n&lt;h2&gt;My top level heading&lt;\/h2&gt;\n&lt;h3&gt;My subheading&lt;\/h3&gt;\n&lt;h4&gt;My sub-subheading&lt;\/h4&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p>\u8acb\u8a66\u8a66\u5728&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/img\" target=\"_blank\" rel=\"noopener\">&lt;img&gt; (en-US)<\/a>&nbsp;\u4e0a\u65b9\uff0c\u52a0\u4e0a\u5408\u9069\u7684heading\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"\u6bb5\u843d_paragraph\"><span class=\"ez-toc-section\" id=\"%E6%AE%B5%E8%90%BD_paragraph\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E6%AE%B5%E8%90%BD_paragraph\" target=\"_blank\" rel=\"noopener\"><strong>\u6bb5\u843d (paragraph)<\/strong><\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u5982\u4e0a\u9762\u4ecb\u7d39\u904e\u7684\uff0c<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/p\" target=\"_blank\" rel=\"noopener\">&lt;p&gt; (en-US)<\/a>&nbsp;elements \u5305\u542b\u6587\u5b57\u6bb5\u843d\uff0c\u5728\u5448\u73fe\u4e00\u822c\u6587\u5b57\u6642\uff0c\u9019\u662f\u6211\u5011\u6700\u5e38\u7528\u5230\u7684\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;This is a single paragraph&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p><strong>\u8acb\u8a66\u8a66\u5728\u9019\u88e1&nbsp;<a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/What_should_your_web_site_be_like\" target=\"_blank\" rel=\"noopener\"><em>What should your website look like?<\/em><\/a>\u7684\u5716\u7247\uff08&lt;img&gt; element\uff09\u4e0b\u65b9\uff0c\u52a0\u4e0a\u5e7e\u6bb5\u6587\u5b57\u3002<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"\u6e05\u55ae_list\"><span class=\"ez-toc-section\" id=\"%E6%B8%85%E5%96%AE_list\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E6%B8%85%E5%96%AE_list\" target=\"_blank\" rel=\"noopener\"><strong>\u6e05\u55ae (list)<\/strong><\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>\u6e05\u55ae\u81f3\u5c11\u6703\u5305\u542b\u5169\u500b\u5143\u7d20\uff0c\u4ee5\u4e0b\u662f\u6700\u5e38\u898b\u7684\u6e05\u55ae\u985e\uff0c\u7121\u9806\u5e8f\u6027\u8207\u6709\u9806\u5e8f\u6027\u7684\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>\u7121\u9806\u5e8f\u6027\u6e05\u55ae\uff08Unordered lists\uff09<\/strong>&nbsp;\u4ee3\u8868\u9019\u4e9b\u9805\u76ee\u7684\u9806\u5e8f\u6539\u8b8a\uff0c\u4e0d\u5f71\u97ff\u4efb\u4f55\u662f\uff0c\u4f8b\u5982\u8cfc\u7269\u6e05\u55ae\u3002\u9805\u76ee\u6703\u5305\u542b\u5728&nbsp;&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/ul\" target=\"_blank\" rel=\"noopener\">&lt;ul&gt; (en-US)<\/a>&nbsp;\u88e1\u9762\u3002<\/li><li><strong>\u6709\u9806\u5e8f\u6027\u6e05\u55ae\uff08Ordered lists\uff09<\/strong>\u4ee3\u8868\u9019\u4e9b\u9805\u76ee\u7684\u9806\u5e8f\u662f\u6709\u610f\u7fa9\u7684\uff0c\u4f8b\u5982\u98df\u8b5c\u88e1\u7684\u88fd\u4f5c\u6b65\u9a5f\u3002\u9805\u76ee\u6703\u5305\u542b\u5728&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/ol\" target=\"_blank\" rel=\"noopener\">&lt;ol&gt; (en-US)<\/a>&nbsp;\u88e1\u9762\u3002<\/li><\/ol>\n\n\n\n<p>\u6bcf\u500b\u9805\u76ee\u5247\u5206\u5225\u653e\u5728<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/li\" target=\"_blank\" rel=\"noopener\">&lt;li&gt; (en-US)<\/a>&nbsp;(list item) element\u88e1\u9762\u3002<\/p>\n\n\n\n<p>\u4f8b\u5982\uff0c\u6211\u5011\u60f3\u628a\u4ee5\u4e0b\u9019\u6bb5\u6587\u5b57\u8b8a\u6210\u6e05\u55ae\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;At Mozilla, we\u2019re a global community of technologists, thinkers, and builders working together ... &lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p>\u5beb\u6cd5\u5982\u4e0b\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p&gt;At Mozilla, we\u2019re a global community of&lt;\/p&gt;\n\n&lt;ul&gt;\n  &lt;li&gt;technologists&lt;\/li&gt;\n  &lt;li&gt;thinkers&lt;\/li&gt;\n  &lt;li&gt;builders&lt;\/li&gt;\n&lt;\/ul&gt;\n\n&lt;p&gt;working together ... &lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>Copy to Clipboard<\/p>\n\n\n\n<p><strong>\u8acb\u8a66\u8a66\u5728\u7df4\u7fd2\u7db2\u9801\uff0c\u52a0\u4e0a\u4e00\u500b\u6e05\u55ae\u3002<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u9023\u7d50_link\"><span class=\"ez-toc-section\" id=\"%E9%80%A3%E7%B5%90_link\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E9%80%A3%E7%B5%90_link\" target=\"_blank\" rel=\"noopener\">\u9023\u7d50 (link)<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u9023\u7d50\u5c0d\u65bc\u7db2\u9801\u4f86\u8aaa\u662f\u975e\u5e38\u91cd\u8981\u7684\u3002\u8981\u52a0\u4e0a\u9023\u7d50\uff0c\u6211\u5011\u9700\u8981\u7528\u5230\u9019\u500b\u5143\u7d20 \u2014&nbsp;<a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Web\/HTML\/Element\/a\" target=\"_blank\" rel=\"noopener\"><code>&lt;a&gt;<\/code><\/a>&nbsp;\u2014&nbsp;&nbsp;<em>a<\/em>&nbsp;\u4ee3\u8868\u4e86\u300canchor\u300d\u3002\u8981\u8b93\u6587\u5b57\u8b8a\u6210\u9023\u7d50\u7684\u6b65\u9a5f\u5982\u4e0b\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>\u9078\u64c7\u4e00\u4e9b\u6587\u5b57\uff0c\u4f8b\u5982\u300cMozilla Manifesto\u300d\u3002<\/li><li>\u628a\u4ed6\u5011\u5305\u5728\u9019\u500b&lt;a&gt; \u5143\u7d20\u88e1\uff1a<code>&lt;a&gt;Mozilla Manifesto&lt;\/a&gt;<\/code>Copy to Clipboard<\/li><li>\u5728&lt;a&gt; element \u4e2d\u52a0\u4e0ahref attribute\u9019\u500b\u5c6c\u6027\uff1a<code>&lt;a href=\"\"&gt;Mozilla Manifesto&lt;\/a&gt;<\/code>Copy to Clipboard<\/li><li>\u5c6c\u6027\u8cea\u5c31\u662f\u4f60\u8981\u9023\u7d50\u7db2\u5740\uff1a<code>&lt;a href=\"https:\/\/www.mozilla.org\/zh-TW\/about\/manifesto\/\"&gt;Mozilla Manifesto&lt;\/a&gt;<\/code>Copy to Clipboard<\/li><\/ol>\n\n\n\n<p>\u7db2\u5740\u7684\u958b\u982d\u4f7f\u7528<code>https:\/\/<\/code>&nbsp;\u6216&nbsp;<code>http:\/\/<\/code>&nbsp;\uff08\u7db2\u8def\u6587\u5b57\u50b3\u9001\u6a19\u6e96\u7684\u4e0d\u540c\uff09\u53ef\u80fd\u6703\u7d66\u4f60\u4e0d\u4e00\u6a23\u7684\u7d50\u679c\u3002\u56e0\u6b64\uff0c\u5728\u5beb\u9023\u7d50\u6642\uff0c\u8acb\u81ea\u5df1\u5148\u9ede\u64ca\u904e\uff0c\u78ba\u8a8d\u7121\u8aa4\u3002<\/p>\n\n\n\n<p><strong>\u8acb\u8a66\u8a66\u5728\u7df4\u7fd2\u7db2\u9801\u52a0\u4e0a\u4e00\u500b\u8d85\u9023\u7d50\u3002<\/strong><\/p>\n\n\n\n<p><code>href<\/code>&nbsp;\u9019\u500b\u5c6c\u6027\u540d\u7a31\u6bd4\u8f03\u4e0d\u76f4\u89c0\uff0c\u4e0d\u592a\u597d\u8a18\uff0c\u4f46\u5b83\u4ee3\u8868\u7684\u662f\uff1a<em><strong>h<\/strong>ypertext&nbsp;<strong>ref<\/strong>erence<\/em>\u7684\u7e2e\u5beb\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"\u7d50\u8ad6\"><span class=\"ez-toc-section\" id=\"%E7%B5%90%E8%AB%96\"><\/span><a href=\"https:\/\/developer.mozilla.org\/zh-TW\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics#%E7%B5%90%E8%AB%96\" target=\"_blank\" rel=\"noopener\">\u7d50\u8ad6<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u770b\u5b8c\u4e86\u4ee5\u4e0a\u7684\u4ecb\u7d39\u4e26\u4f9d\u7167\u5404\u500b\u6b65\u9a5f\u5be6\u505a\uff0c\u4f60\u61c9\u8a72\u80fd\u81ea\u5df1\u5beb\u51fa\u9019\u6a23\u7684\u7db2\u9801\uff08\u5982\u4e0b\uff0c\u00a0<a href=\"https:\/\/mdn.github.io\/beginner-html-site\/\" target=\"_blank\" rel=\"noopener\">view it here<\/a>):<br><br><img decoding=\"async\" alt=\"A web page screenshot showing a firefox logo, a heading saying mozilla is cool, and two paragraphs of filler text\" src=\"https:\/\/mdn.mozillademos.org\/files\/9351\/finished-test-page-small.png\"><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html>\n  &lt;head>\n    &lt;meta charset=\"utf-8\">\n    &lt;title>My test page&lt;\/title>\n  &lt;\/head>\n  &lt;body>\n    &lt;h1>Mozilla is cool&lt;\/h1>\n    &lt;img src=\"images\/firefox-icon.png\" alt=\"The Firefox logo: a flaming fox surrounding the Earth.\">\n\n    &lt;p>At Mozilla, we\u2019re a global community of&lt;\/p>\n\n    &lt;ul> &lt;!-- changed to list in the tutorial -->\n      &lt;li>technologists&lt;\/li>\n      &lt;li>thinkers&lt;\/li>\n      &lt;li>builders&lt;\/li>\n    &lt;\/ul>\n\n    &lt;p>working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future.&lt;\/p>\n\n    &lt;p>Read the &lt;a href=\"https:\/\/www.mozilla.org\/en-US\/about\/manifesto\/\">Mozilla Manifesto&lt;\/a> to learn even more about the values and principles that guide the pursuit of our mission.&lt;\/p>\n  &lt;\/body>\n&lt;\/html><\/code><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML\uff08Hypertext&nbsp;Markup&#038;nbs&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-84","post","type-post","status-publish","format-standard","hentry","category-6"],"_links":{"self":[{"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=\/wp\/v2\/posts\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84"}],"version-history":[{"count":2,"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":409,"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=\/wp\/v2\/posts\/84\/revisions\/409"}],"wp:attachment":[{"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.chih-hao.synology.me\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}