测试HTML代码专页:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> Web Log</title><!-- title --> <meta name="generator" content="WP 2.5" /> <link rel="stylesheet" href="http://www.fucklenovo.com/wp/wp-content/themes/fucklenovo/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Web Log RSS Feed" href="http://www.fucklenovo.com/wp/feed/" /> <link rel="pingback" href="http://www.fucklenovo.com/wp/xmlrpc.php" /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.fucklenovo.com/wp/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.fucklenovo.com/wp/wp-includes/wlwmanifest.xml" /> <meta name="keywords" content="CSS, Google, 代码, js, 表单, 标签, 搜索, 正计时, xthml" /> <style type="text/css">.recentcomments a{display:inline !important;padding: 0 !important;margin: 0 !important;}</style> </head> <body> test html<br /> test html<br /> test html<br /> test html<br /> test html<br /> test html<br /> test html<br /> test html<br /> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-100548-4"; urchinTracker(); </script> test html<br /> test html<br /> test html<br /> test html<br /> </body> </html>
提示:你可以先修改部分代码再运行。
国旗:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Html版国旗</title> <style> *{ margin: 0px; } #con{ width:500px; height:800px; margin:0 auto; padding-top:50px;} #con #cont{ width: 300px; height: 200px; background-color: red; position:absolute; left:350px; } #con #cont .big{ color: Yellow; position: absolute; left: 20px; top: 18px; } #con #cont .sm1{ color: Yellow; position: absolute; left: 85px; top: 8px; filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=2) } #con #cont .sm2{ color: Yellow; position: absolute; left: 107px; top: 32px; filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=3) } #con #cont .sm3{ color: Yellow; position: absolute; left: 107px; top: 62px; filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1) } #con #cont .sm4{ color: Yellow; position: absolute; left: 85px; top:80px; filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=2) } #con #cont .gan{ color:#CCCCCC; position:absolute; left:-130px; } </style> </head> <body> <div id="con"> <div id="cont"> <div><span class="big"><font style="font-size:60px;">★</font></span></div> <div><span class="sm1"><font style="font-size:20px;">★</font></span></div> <div><span class="sm2"><font style="font-size:20px;">★</font></span></div> <div><span class="sm3"><font style="font-size:20px;">★</font></span></div> <div><span class="sm4"><font style="font-size:20px;">★</font></span></div> </div> </div> </body> </html>