{"id":369,"date":"2025-12-01T10:06:55","date_gmt":"2025-12-01T02:06:55","guid":{"rendered":"https:\/\/www.52runoob.com\/?p=369"},"modified":"2025-12-01T10:06:55","modified_gmt":"2025-12-01T02:06:55","slug":"html%e6%80%bb%e7%bb%93","status":"publish","type":"post","link":"https:\/\/www.52runoob.com\/index.php\/2025\/12\/01\/html%e6%80%bb%e7%bb%93\/","title":{"rendered":"html\u603b\u7ed3"},"content":{"rendered":"\n

\u4e0b\u9762\u7ed9\u4f60\u4e00\u4efd \u975e\u5e38\u6e05\u6670\u3001\u7ed3\u6784\u5316\u3001\u53ef\u6253\u5370\u3001\u9002\u5408\u5feb\u901f\u590d\u4e60\u7684\u300aHTML \u603b\u7ed3\u300b<\/strong>\u3002
\u5185\u5bb9\u6db5\u76d6\u57fa\u7840 \u2192 \u8fdb\u9636 \u2192 \u5b9e\u6218 \u2192 \u6700\u65b0\u6807\u51c6\uff0c\u4e00\u4efd\u641e\u5b9a HTML \u5168\u9762\u77e5\u8bc6\u3002<\/p>\n\n\n\n

\n\n\n\n

\ud83c\udf10 HTML \u603b\u7ed3\uff08\u5b8c\u6574\u590d\u4e60\u7248\uff09<\/strong><\/h1>\n\n\n\n
\n\n\n\n

1\ufe0f\u20e3 HTML \u57fa\u7840\u6982\u5ff5<\/h1>\n\n\n\n
    \n
  • HTML\uff08HyperText Markup Language\uff09<\/strong>\uff1a\u6784\u5efa\u7f51\u9875\u7ed3\u6784\u7684\u6807\u8bb0\u8bed\u8a00<\/li>\n\n\n\n
  • HTML \u6587\u6863\u7ed3\u6784\uff1a<\/strong><\/li>\n<\/ul>\n\n\n
    \n&lt;!DOCTYPE html>\n&lt;html>\n  &lt;head>\n    &lt;meta charset="UTF-8">\n    &lt;title>\u7f51\u9875\u6807\u9898&lt;\/title>\n  &lt;\/head>\n  &lt;body>\n    \u7f51\u9875\u5185\u5bb9\n  &lt;\/body>\n&lt;\/html>\n\n<\/pre><\/div>\n\n\n
    \n\n\n\n
    2\ufe0f\u20e3 \u5e38\u7528\u6807\u7b7e\u5206\u7c7b<\/h1>\n\n\n\n
    \ud83d\udcc4 \u6587\u672c\u7ed3\u6784\u6807\u7b7e<\/strong><\/h2>\n\n\n\n
      \n
    • <h1> ~ <h6><\/code> \u2014\u2014 \u6807\u9898<\/li>\n\n\n\n
    • <p><\/code> \u2014\u2014 \u6bb5\u843d<\/li>\n\n\n\n
    • <br><\/code> \u2014\u2014 \u6362\u884c<\/li>\n\n\n\n
    • <hr><\/code> \u2014\u2014 \u6c34\u5e73\u7ebf<\/li>\n\n\n\n
    • <span><\/code> \u2014\u2014 \u884c\u5185\u6807\u7b7e<\/li>\n\n\n\n
    • <div><\/code> \u2014\u2014 \u5757\u7ea7\u6807\u7b7e<\/li>\n<\/ul>\n\n\n\n
      \ud83d\udd17 \u94fe\u63a5\u4e0e\u8d44\u6e90<\/strong><\/h2>\n\n\n\n
        \n
      • <a href=\"\"><\/code> \u2014\u2014 \u8d85\u94fe\u63a5<\/li>\n\n\n\n
      • <img src=\"\"><\/code> \u2014\u2014 \u56fe\u7247<\/li>\n\n\n\n
      • <link><\/code> \u2014\u2014 \u5f15\u5165\u5916\u90e8 CSS<\/li>\n\n\n\n
      • <script><\/code> \u2014\u2014 \u5f15\u5165 JS<\/li>\n<\/ul>\n\n\n\n
        \ud83d\udce6 \u5217\u8868<\/strong><\/h2>\n\n\n\n
          \n
        • <ul><\/code> \u2014\u2014 \u65e0\u5e8f\u5217\u8868<\/li>\n\n\n\n
        • <ol><\/code> \u2014\u2014 \u6709\u5e8f\u5217\u8868<\/li>\n\n\n\n
        • <li><\/code> \u2014\u2014 \u5217\u8868\u9879<\/li>\n\n\n\n
        • <dl><dt><dd><\/code> \u2014\u2014 \u5b9a\u4e49\u5217\u8868\uff08\u8bcd\u6761\/\u89e3\u91ca\uff09<\/li>\n<\/ul>\n\n\n\n
          \ud83d\udcdd \u8868\u5355<\/strong><\/h2>\n\n\n\n
            \n
          • <form><\/code> \u2014\u2014 \u8868\u5355\u603b\u5bb9\u5668<\/li>\n\n\n\n
          • <input><\/code> \u2014\u2014 \u6587\u672c\u3001\u590d\u9009\u3001\u5355\u9009\u7b49<\/li>\n\n\n\n
          • <textarea><\/code> \u2014\u2014 \u591a\u884c\u8f93\u5165<\/li>\n\n\n\n
          • <select><option><\/code> \u2014\u2014 \u4e0b\u62c9\u6846<\/li>\n\n\n\n
          • <button><\/code> \u2014\u2014 \u6309\u94ae<\/li>\n\n\n\n
          • <label><\/code> \u2014\u2014 \u4e0e\u8f93\u5165\u7ed1\u5b9a\uff08accessibility \u53cb\u597d\uff09<\/li>\n<\/ul>\n\n\n\n
            \ud83d\udcca \u8868\u683c<\/strong><\/h2>\n\n\n\n