{"id":253421,"date":"2022-09-30T08:39:30","date_gmt":"2022-09-30T00:39:30","guid":{"rendered":"https:\/\/lrxjmw.cn\/?p=253421"},"modified":"2022-09-21T14:40:16","modified_gmt":"2022-09-21T06:40:16","slug":"html-cheat-lists","status":"publish","type":"post","link":"https:\/\/lrxjmw.cn\/html-cheat-lists.html","title":{"rendered":"HTML \u901f\u67e5\u5217\u8868\u7b80\u4ecb"},"content":{"rendered":"\n\n\n
\u5bfc\u8bfb<\/td>\nHTML \u901f\u67e5\u5217\u8868. \u4f60\u53ef\u4ee5\u6253\u5370\u5b83\uff0c\u4ee5\u5907\u65e5\u5e38\u4f7f\u7528\u3002<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
HTML \u57fa\u672c\u6587\u6863<\/strong><\/div>\n
<<\/span>!<\/span>DOCTYPE<\/span> <\/span>html<\/span>><\/span>\r\n<\/span><<\/span>html<\/span>><\/span>\r\n<\/span><<\/span>head<\/span>><\/span>\r\n<\/span><<\/span>title<\/span>><\/span>\u6587\u6863\u6807\u9898<\/span><\/<\/span>title<\/span>><\/span>\r\n<\/span><\/<\/span>head<\/span>><\/span>\r\n<\/span><<\/span>body<\/span>><\/span>\r\n\u53ef\u89c1\u6587\u672c...\r\n<\/span><\/<\/span>body<\/span>><\/span>\r\n<\/span><\/<\/span>html<\/span>><\/span><\/pre>\n
\u57fa\u672c\u6807\u7b7e\uff08Basic Tags\uff09<\/strong><\/div>\n
<<\/span>h1<\/span>><\/span>\u6700\u5927\u7684\u6807\u9898<\/span><\/<\/span>h1<\/span>><\/span>\r\n<\/span><<\/span>h2<\/span>><\/span> . . . <\/span><\/<\/span>h2<\/span>><\/span>\r\n<\/span><<\/span>h3<\/span>><\/span> . . . <\/span><\/<\/span>h3<\/span>><\/span>\r\n<\/span><<\/span>h4<\/span>><\/span> . . . <\/span><\/<\/span>h4<\/span>><\/span>\r\n<\/span><<\/span>h5<\/span>><\/span> . . . <\/span><\/<\/span>h5<\/span>><\/span>\r\n<\/span><<\/span>h6<\/span>><\/span>\u6700\u5c0f\u7684\u6807\u9898<\/span><\/<\/span>h6<\/span>><\/span>\r\n \r\n<\/span><<\/span>p<\/span>><\/span>\u8fd9\u662f\u4e00\u4e2a\u6bb5\u843d\u3002<\/span><\/<\/span>p<\/span>><\/span>\r\n<\/span><<\/span>br<\/span>><\/span> \uff08\u6362\u884c\uff09\r\n<\/span><<\/span>hr<\/span>><\/span> \uff08\u6c34\u5e73\u7ebf\uff09\r\n<\/span><!--<\/span> \u8fd9\u662f\u6ce8\u91ca <\/span>--><\/span><\/pre>\n
\u6587\u672c\u683c\u5f0f\u5316\uff08Formatting\uff09<\/strong><\/div>\n
<<\/span>b<\/span>><\/span>\u7c97\u4f53\u6587\u672c<\/span><\/<\/span>b<\/span>><\/span>\r\n<\/span><<\/span>code<\/span>><\/span>\u8ba1\u7b97\u673a\u4ee3\u7801<\/span><\/<\/span>code<\/span>><\/span>\r\n<\/span><<\/span>em<\/span>><\/span>\u5f3a\u8c03\u6587\u672c<\/span><\/<\/span>em<\/span>><\/span>\r\n<\/span><<\/span>i<\/span>><\/span>\u659c\u4f53\u6587\u672c<\/span><\/<\/span>i<\/span>><\/span>\r\n<\/span><<\/span>kbd<\/span>><\/span>\u952e\u76d8\u8f93\u5165<\/span><\/<\/span>kbd<\/span>><\/span> \r\n<\/span><<\/span>pre<\/span>><\/span>\u9884\u683c\u5f0f\u5316\u6587\u672c<\/span><\/<\/span>pre<\/span>><\/span>\r\n<\/span><<\/span>small<\/span>><\/span>\u66f4\u5c0f\u7684\u6587\u672c<\/span><\/<\/span>small<\/span>><\/span>\r\n<\/span><<\/span>strong<\/span>><\/span>\u91cd\u8981\u7684\u6587\u672c<\/span><\/<\/span>strong<\/span>><\/span>\r\n \r\n<\/span><<\/span>abbr<\/span>><\/span> \uff08\u7f29\u5199\uff09\r\n<\/span><<\/span>address<\/span>><\/span> \uff08\u8054\u7cfb\u4fe1\u606f\uff09\r\n<\/span><<\/span>bdo<\/span>><\/span> \uff08\u6587\u5b57\u65b9\u5411\uff09\r\n<\/span><<\/span>blockquote<\/span>><\/span> \uff08\u4ece\u53e6\u4e00\u4e2a\u6e90\u5f15\u7528\u7684\u90e8\u5206\uff09\r\n<\/span><<\/span>cite<\/span>><\/span> \uff08\u5de5\u4f5c\u7684\u540d\u79f0\uff09\r\n<\/span><<\/span>del<\/span>><\/span> \uff08\u5220\u9664\u7684\u6587\u672c\uff09\r\n<\/span><<\/span>ins<\/span>><\/span> \uff08\u63d2\u5165\u7684\u6587\u672c\uff09\r\n<\/span><<\/span>sub<\/span>><\/span> \uff08\u4e0b\u6807\u6587\u672c\uff09\r\n<\/span><<\/span>sup<\/span>><\/span> \uff08\u4e0a\u6807\u6587\u672c\uff09<\/span><\/pre>\n
\u94fe\u63a5\uff08Links\uff09<\/strong><\/div>\n
\u666e\u901a\u7684\u94fe\u63a5\uff1a<\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>http:\/\/www.example.com\/<\/span>\"<\/span>><\/span>\u94fe\u63a5\u6587\u672c<\/span><\/<\/span>a<\/span>><\/span>\r\n\u56fe\u50cf\u94fe\u63a5\uff1a <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>http:\/\/www.example.com\/<\/span>\"<\/span>><\/span><<\/span>img<\/span> <\/span>src<\/span>=<\/span>\"<\/span>URL<\/span>\"<\/span> <\/span>alt<\/span>=<\/span>\"<\/span>\u66ff\u6362\u6587\u672c<\/span>\"<\/span>><\/span><\/<\/span>a<\/span>><\/span>\r\n\u90ae\u4ef6\u94fe\u63a5\uff1a <\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>mailto:webmaster@example.com<\/span>\"<\/span>><\/span>\u53d1\u9001e-mail<\/span><\/<\/span>a<\/span>><\/span>\r\n\u4e66\u7b7e\uff1a\r\n<\/span><<\/span>a<\/span> <\/span>id<\/span>=<\/span>\"<\/span>tips<\/span>\"<\/span>><\/span>\u63d0\u793a\u90e8\u5206<\/span><\/<\/span>a<\/span>><\/span>\r\n<\/span><<\/span>a<\/span> <\/span>href<\/span>=<\/span>\"<\/span>#tips<\/span>\"<\/span>><\/span>\u8df3\u5230\u63d0\u793a\u90e8\u5206<\/span><\/<\/span>a<\/span>><\/span><\/pre>\n
\u56fe\u7247\uff08Images\uff09<\/strong><\/div>\n
\r\n<<\/span>img<\/span> <\/span>loading<\/span>=<\/span>\"<\/span>lazy<\/span>\"<\/span> <\/span>src<\/span>=<\/span>\"<\/span>URL<\/span>\"<\/span> <\/span>alt<\/span>=<\/span>\"<\/span>\u66ff\u6362\u6587\u672c<\/span>\"<\/span> <\/span>height<\/span>=<\/span>\"<\/span>42<\/span>\"<\/span> <\/span>width<\/span>=<\/span>\"<\/span>42<\/span>\"<\/span>><\/span><\/pre>\n
\u6837\u5f0f\/\u533a\u5757\uff08Styles\/Sections\uff09<\/strong><\/div>\n
\r\n
<<\/span>style<\/span> <\/span>type<\/span>=<\/span>\"<\/span>text\/css<\/span>\"<\/span>>\r\n
h1<\/span> <\/span>{<\/span>color:<\/span>red<\/span><\/span>;<\/span>}<\/span>\r\n<\/span>p<\/span> <\/span>{<\/span>color:<\/span>blue<\/span><\/span>;<\/span>}\r\n
<\/<\/span>style<\/span>><\/span>\r\n<\/span><<\/span>div<\/span>><\/span>\u6587\u6863\u4e2d\u7684\u5757\u7ea7\u5143\u7d20<\/span><\/<\/span>div<\/span>><\/span>\r\n<\/span><<\/span>span<\/span>><\/span>\u6587\u6863\u4e2d\u7684\u5185\u8054\u5143\u7d20<\/span><\/<\/span>span<\/span>><\/span><\/div><\/span><\/div><\/span><\/div><\/pre>\n
\u65e0\u5e8f\u5217\u8868<\/strong><\/div>\n
<<\/span>ul<\/span>><\/span>\r\n    <\/span><<\/span>li<\/span>><\/span>\u9879\u76ee<\/span><\/<\/span>li<\/span>><\/span>\r\n    <\/span><<\/span>li<\/span>><\/span>\u9879\u76ee<\/span><\/<\/span>li<\/span>><\/span>\r\n<\/span><\/<\/span>ul<\/span>><\/span><\/pre>\n
\u6709\u5e8f\u5217\u8868<\/strong><\/div>\n
<<\/span>ol<\/span>><\/span>\r\n    <\/span><<\/span>li<\/span>><\/span>\u7b2c\u4e00\u9879<\/span><\/<\/span>li<\/span>><\/span>\r\n    <\/span><<\/span>li<\/span>><\/span>\u7b2c\u4e8c\u9879<\/span><\/<\/span>li<\/span>><\/span>\r\n<\/span><\/<\/span>ol<\/span>><\/span><\/pre>\n
\u5b9a\u4e49\u5217\u8868<\/strong><\/div>\n
<<\/span>dl<\/span>><\/span>\r\n  <\/span><<\/span>dt<\/span>><\/span>\u9879\u76ee 1<\/span><\/<\/span>dt<\/span>><\/span>\r\n    <\/span><<\/span>dd<\/span>><\/span>\u63cf\u8ff0\u9879\u76ee 1<\/span><\/<\/span>dd<\/span>><\/span>\r\n  <\/span><<\/span>dt<\/span>><\/span>\u9879\u76ee 2<\/span><\/<\/span>dt<\/span>><\/span>\r\n    <\/span><<\/span>dd<\/span>><\/span>\u63cf\u8ff0\u9879\u76ee 2<\/span><\/<\/span>dd<\/span>><\/span>\r\n<\/span><\/<\/span>dl<\/span>><\/span><\/pre>\n
\u8868\u683c\uff08Tables\uff09<\/strong><\/div>\n
<<\/span>table<\/span> <\/span>border<\/span>=<\/span>\"<\/span>1<\/span>\"<\/span>><\/span>\r\n  <\/span><<\/span>tr<\/span>><\/span>\r\n    <\/span><<\/span>th<\/span>><\/span>\u8868\u683c\u6807\u9898<\/span><\/<\/span>th<\/span>><\/span>\r\n    <\/span><<\/span>th<\/span>><\/span>\u8868\u683c\u6807\u9898<\/span><\/<\/span>th<\/span>><\/span>\r\n  <\/span><\/<\/span>tr<\/span>><\/span>\r\n  <\/span><<\/span>tr<\/span>><\/span>\r\n    <\/span><<\/span>td<\/span>><\/span>\u8868\u683c\u6570\u636e<\/span><\/<\/span>td<\/span>><\/span>\r\n    <\/span><<\/span>td<\/span>><\/span>\u8868\u683c\u6570\u636e<\/span><\/<\/span>td<\/span>><\/span>\r\n  <\/span><\/<\/span>tr<\/span>><\/span>\r\n<\/span><\/<\/span>table<\/span>><\/span><\/pre>\n
\u6846\u67b6\uff08Iframe\uff09<\/strong><\/div>\n
<<\/span>iframe<\/span> <\/span>src<\/span>=<\/span>\"<\/span>demo_iframe.htm<\/span>\"<\/span>><\/span><\/<\/span>iframe<\/span>><\/span><\/pre>\n
\u8868\u5355\uff08Forms\uff09<\/strong><\/div>\n
<<\/span>form<\/span> <\/span>action<\/span>=<\/span>\"<\/span>demo_form.php<\/span>\"<\/span> <\/span>method<\/span>=<\/span>\"<\/span>post\/get<\/span>\"<\/span>><\/span>\r\n<\/span><<\/span>input<\/span> <\/span>type<\/span>=<\/span>\"<\/span>text<\/span>\"<\/span> <\/span>name<\/span>=<\/span>\"<\/span>email<\/span>\"<\/span> <\/span>size<\/span>=<\/span>\"<\/span>40<\/span>\"<\/span> <\/span>maxlength<\/span>=<\/span>\"<\/span>50<\/span>\"<\/span>><\/span>\r\n<\/span><<\/span>input<\/span> <\/span>type<\/span>=<\/span>\"<\/span>password<\/span>\"<\/span>><\/span>\r\n<\/span><<\/span>input<\/span> <\/span>type<\/span>=<\/span>\"<\/span>checkbox<\/span>\"<\/span> <\/span>checked<\/span>=<\/span>\"<\/span>checked<\/span>\"<\/span>><\/span>\r\n<\/span><<\/span>input<\/span> <\/span>type<\/span>=<\/span>\"<\/span>radio<\/span>\"<\/span> <\/span>checked<\/span>=<\/span>\"<\/span>checked<\/span>\"<\/span>><\/span>\r\n<\/span><<\/span>input<\/span> <\/span>type<\/span>=<\/span>\"<\/span>submit<\/span>\"<\/span> <\/span>value<\/span>=<\/span>\"<\/span>Send<\/span>\"<\/span>><\/span>\r\n<\/span><<\/span>input<\/span> <\/span>type<\/span>=<\/span>\"<\/span>reset<\/span>\"<\/span>><\/span>\r\n<\/span><<\/span>input<\/span> <\/span>type<\/span>=<\/span>\"<\/span>hidden<\/span>\"<\/span>><\/span>\r\n<\/span><<\/span>select<\/span>><\/span>\r\n<\/span><<\/span>option<\/span>><\/span>\u82f9\u679c<\/span><\/<\/span>option<\/span>><\/span>\r\n<\/span><<\/span>option<\/span> <\/span>selected<\/span>=<\/span>\"<\/span>selected<\/span>\"<\/span>><\/span>\u9999\u8549<\/span><\/<\/span>option<\/span>><\/span>\r\n<\/span><<\/span>option<\/span>><\/span>\u6a31\u6843<\/span><\/<\/span>option<\/span>><\/span>\r\n<\/span><\/<\/span>select<\/span>><\/span>\r\n<\/span><<\/span>textarea<\/span> <\/span>name<\/span>=<\/span>\"<\/span>comment<\/span>\"<\/span> <\/span>rows<\/span>=<\/span>\"<\/span>60<\/span>\"<\/span> <\/span>cols<\/span>=<\/span>\"<\/span>20<\/span>\"<\/span>><\/span><\/<\/span>textarea<\/span>><\/span>\r\n \r\n<\/span><\/<\/span>form<\/span>><\/span><\/pre>\n
\u5b9e\u4f53\uff08Entities\uff09<\/strong><\/div>\n
&lt;<\/span> \u7b49\u540c\u4e8e <\/span><<\/span>\r\n&<\/span>gt<\/span>; \u7b49\u540c\u4e8e <\/span>><\/span>\r\n&#169; \u7b49\u540c\u4e8e \u00a9<\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"

<!DOCTYPE html> <html> <head> <tit […]<\/p>\n","protected":false},"author":1470,"featured_media":253423,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[55],"tags":[],"class_list":["post-253421","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thread"],"acf":[],"_links":{"self":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/253421","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/users\/1470"}],"replies":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/comments?post=253421"}],"version-history":[{"count":4,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/253421\/revisions"}],"predecessor-version":[{"id":253426,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/posts\/253421\/revisions\/253426"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/media\/253423"}],"wp:attachment":[{"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/media?parent=253421"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/categories?post=253421"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lrxjmw.cn\/wp-json\/wp\/v2\/tags?post=253421"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}