{"id":994,"date":"2025-12-27T15:13:51","date_gmt":"2025-12-27T07:13:51","guid":{"rendered":"https:\/\/www.52runoob.com\/?p=994"},"modified":"2025-12-27T15:13:51","modified_gmt":"2025-12-27T07:13:51","slug":"%e5%85%8d%e8%b4%b9%e7%9a%84%e4%b8%aa%e4%ba%ba%e7%bd%91%e7%ab%99html%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/www.52runoob.com\/index.php\/2025\/12\/27\/%e5%85%8d%e8%b4%b9%e7%9a%84%e4%b8%aa%e4%ba%ba%e7%bd%91%e7%ab%99html%e4%bb%a3%e7%a0%81\/","title":{"rendered":"\u514d\u8d39\u7684\u4e2a\u4eba\u7f51\u7ad9html\u4ee3\u7801"},"content":{"rendered":"\n<p>\u4e0b\u9762\u7ed9\u4f60 <strong>3 \u5957\u5b8c\u5168\u514d\u8d39\u7684\u4e2a\u4eba\u7f51\u7ad9 HTML \u793a\u4f8b\u4ee3\u7801<\/strong>\uff0c<strong>\u65e0\u9700\u540e\u7aef\u3001\u76f4\u63a5\u53ef\u7528<\/strong>\uff0c\u9002\u5408\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4e2a\u4eba\u4e3b\u9875 \/ \u7b80\u5386\u7f51\u7ad9<\/li>\n\n\n\n<li>\u6280\u672f\u535a\u5ba2\u9996\u9875<\/li>\n\n\n\n<li>\u4ea7\u54c1 \/ \u9879\u76ee\u5c55\u793a\u9875<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udc49 <strong>\u590d\u5236\u4fdd\u5b58\u4e3a <code>index.html<\/code>\uff0c\u53cc\u51fb\u5373\u53ef\u6253\u5f00<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2705 \u793a\u4f8b\u4e00\uff1a\u6781\u7b80\u4e2a\u4eba\u4e3b\u9875\uff08\u65b0\u624b\u9996\u9009\uff09<\/h2>\n\n\n\n<p>\u9002\u5408\uff1a\u4e2a\u4eba\u4ecb\u7ecd + \u8054\u7cfb\u65b9\u5f0f<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;!DOCTYPE html&gt;\n&amp;lt;html lang=&quot;zh-CN&quot;&gt;\n&amp;lt;head&gt;\n  &amp;lt;meta charset=&quot;UTF-8&quot;&gt;\n  &amp;lt;title&gt;\u6211\u7684\u4e2a\u4eba\u4e3b\u9875&amp;lt;\/title&gt;\n  &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n  &amp;lt;style&gt;\n    body {\n      font-family: Arial, sans-serif;\n      background: #f5f7fa;\n      margin: 0;\n    }\n    .container {\n      max-width: 800px;\n      margin: 60px auto;\n      background: #fff;\n      padding: 40px;\n      border-radius: 10px;\n      box-shadow: 0 10px 30px rgba(0,0,0,.1);\n    }\n    h1 { color: #333; }\n    p { color: #666; line-height: 1.6; }\n    a {\n      color: #007bff;\n      text-decoration: none;\n      margin-right: 15px;\n    }\n  &amp;lt;\/style&gt;\n&amp;lt;\/head&gt;\n&amp;lt;body&gt;\n\n&amp;lt;div class=&quot;container&quot;&gt;\n  &amp;lt;h1&gt;\u4f60\u597d\uff0c\u6211\u662f\u963f\u6770 \ud83d\udc4b&amp;lt;\/h1&gt;\n  &amp;lt;p&gt;\u4e00\u540d\u70ed\u7231\u6280\u672f\u4e0e\u521b\u4f5c\u7684\u5f00\u53d1\u8005\uff0c\u4e13\u6ce8 Web\u3001AI \u4e0e\u7cfb\u7edf\u67b6\u6784\u3002&amp;lt;\/p&gt;\n\n  &amp;lt;h3&gt;\ud83d\udccc \u8054\u7cfb\u65b9\u5f0f&amp;lt;\/h3&gt;\n  &amp;lt;p&gt;\n    &amp;lt;a href=&quot;mailto:example@email.com&quot;&gt;\u90ae\u7bb1&amp;lt;\/a&gt;\n    &amp;lt;a href=&quot;https:\/\/github.com\/&quot;&gt;GitHub&amp;lt;\/a&gt;\n    &amp;lt;a href=&quot;#&quot;&gt;\u535a\u5ba2&amp;lt;\/a&gt;\n  &amp;lt;\/p&gt;\n&amp;lt;\/div&gt;\n\n&amp;lt;\/body&gt;\n&amp;lt;\/html&gt;\n\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2705 \u793a\u4f8b\u4e8c\uff1a\u4e2a\u4eba\u7b80\u5386\u7f51\u7ad9\uff08\u6c42\u804c\u63a8\u8350\uff09<\/h2>\n\n\n\n<p>\u9002\u5408\uff1a<strong>\u7a0b\u5e8f\u5458 \/ \u8bbe\u8ba1\u5e08 \/ \u4ea7\u54c1\u7ecf\u7406<\/strong><\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;!DOCTYPE html&gt;\n&amp;lt;html lang=&quot;zh-CN&quot;&gt;\n&amp;lt;head&gt;\n&amp;lt;meta charset=&quot;UTF-8&quot;&gt;\n&amp;lt;title&gt;\u4e2a\u4eba\u7b80\u5386&amp;lt;\/title&gt;\n&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n&amp;lt;style&gt;\nbody { font-family: system-ui; background: #eef1f5; }\n.resume {\n  max-width: 900px;\n  background: #fff;\n  margin: 40px auto;\n  padding: 40px;\n  border-radius: 12px;\n}\nh2 { border-left: 4px solid #4f46e5; padding-left: 10px; }\nul { padding-left: 20px; }\n&amp;lt;\/style&gt;\n&amp;lt;\/head&gt;\n&amp;lt;body&gt;\n\n&amp;lt;div class=&quot;resume&quot;&gt;\n  &amp;lt;h1&gt;\u963f\u6770&amp;lt;\/h1&gt;\n  &amp;lt;p&gt;\ud83d\udcbb Web \/ AI \u5f00\u53d1\u8005&amp;lt;\/p&gt;\n\n  &amp;lt;h2&gt;\u6280\u80fd&amp;lt;\/h2&gt;\n  &amp;lt;ul&gt;\n    &amp;lt;li&gt;HTML \/ CSS \/ JavaScript&amp;lt;\/li&gt;\n    &amp;lt;li&gt;Python \/ Java \/ Spring Boot&amp;lt;\/li&gt;\n    &amp;lt;li&gt;MySQL \/ Linux \/ Docker&amp;lt;\/li&gt;\n  &amp;lt;\/ul&gt;\n\n  &amp;lt;h2&gt;\u9879\u76ee\u7ecf\u5386&amp;lt;\/h2&gt;\n  &amp;lt;ul&gt;\n    &amp;lt;li&gt;\u5b66\u751f\u9009\u8bfe\u7cfb\u7edf\uff08Spring Boot + MySQL\uff09&amp;lt;\/li&gt;\n    &amp;lt;li&gt;\u6570\u636e\u722c\u866b + NLP \u60c5\u611f\u5206\u6790\u7cfb\u7edf&amp;lt;\/li&gt;\n  &amp;lt;\/ul&gt;\n\n  &amp;lt;h2&gt;\u8054\u7cfb\u6211&amp;lt;\/h2&gt;\n  &amp;lt;p&gt;Email\uff1aexample@email.com&amp;lt;\/p&gt;\n&amp;lt;\/div&gt;\n\n&amp;lt;\/body&gt;\n&amp;lt;\/html&gt;\n\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2705 \u793a\u4f8b\u4e09\uff1a\u73b0\u4ee3\u98ce\u683c\u4e2a\u4eba\u5c55\u793a\u9875\uff08\u504f\u8bbe\u8ba1\uff09<\/h2>\n\n\n\n<p>\u9002\u5408\uff1a<strong>\u535a\u5ba2\u4f5c\u8005 \/ \u81ea\u5a92\u4f53 \/ \u521b\u4f5c\u8005<\/strong><\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;!DOCTYPE html&gt;\n&amp;lt;html lang=&quot;zh-CN&quot;&gt;\n&amp;lt;head&gt;\n&amp;lt;meta charset=&quot;UTF-8&quot;&gt;\n&amp;lt;title&gt;\u4e2a\u4eba\u7f51\u7ad9&amp;lt;\/title&gt;\n&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n&amp;lt;style&gt;\nbody {\n  margin: 0;\n  font-family: &quot;Segoe UI&quot;, sans-serif;\n  background: linear-gradient(120deg, #667eea, #764ba2);\n  color: white;\n}\n.hero {\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n.hero h1 { font-size: 3em; }\n.hero p { font-size: 1.2em; }\nbutton {\n  padding: 12px 30px;\n  border: none;\n  border-radius: 30px;\n  background: white;\n  color: #764ba2;\n  font-size: 16px;\n  cursor: pointer;\n}\n&amp;lt;\/style&gt;\n&amp;lt;\/head&gt;\n&amp;lt;body&gt;\n\n&amp;lt;div class=&quot;hero&quot;&gt;\n  &amp;lt;div&gt;\n    &amp;lt;h1&gt;\u963f\u6770\u7684\u4e2a\u4eba\u7f51\u7ad9&amp;lt;\/h1&gt;\n    &amp;lt;p&gt;\u6280\u672f \u00b7 \u521b\u4f5c \u00b7 \u601d\u8003&amp;lt;\/p&gt;\n    &amp;lt;button onclick=&quot;alert(&#039;\u6b22\u8fce\u8bbf\u95ee\uff01&#039;)&quot;&gt;\u4e86\u89e3\u66f4\u591a&amp;lt;\/button&gt;\n  &amp;lt;\/div&gt;\n&amp;lt;\/div&gt;\n\n&amp;lt;\/body&gt;\n&amp;lt;\/html&gt;\n\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"<p>\u4e0b\u9762\u7ed9\u4f60 3 \u5957\u5b8c\u5168\u514d\u8d39\u7684\u4e2a\u4eba\u7f51\u7ad9 HTML \u793a\u4f8b\u4ee3\u7801\uff0c\u65e0\u9700\u540e\u7aef\u3001\u76f4\u63a5\u53ef\u7528\uff0c\u9002\u5408&#8230; <a class=\"more-link\" href=\"https:\/\/www.52runoob.com\/index.php\/2025\/12\/27\/%e5%85%8d%e8%b4%b9%e7%9a%84%e4%b8%aa%e4%ba%ba%e7%bd%91%e7%ab%99html%e4%bb%a3%e7%a0%81\/\">Continue Reading &rarr;<\/a><\/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-994","post","type-post","status-publish","format-standard","hentry","category-html5"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/comments?post=994"}],"version-history":[{"count":1,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/994\/revisions"}],"predecessor-version":[{"id":995,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/994\/revisions\/995"}],"wp:attachment":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/media?parent=994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/categories?post=994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/tags?post=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}