1 <!--
 2 
 3 
 4 我就是我，不一样的烟花
 5     piu piu piu 干啥子
 6         如来神掌 --  ---
 7              -----
 8  .======.         ***********啊啊啊啊啊啊
 9               | INRI |
10               |      |
11               |      |
12      .========'      '========.
13      |   _      xxxx      _   |
14      |  /_;-.__ / _\  _.-;_\  |
15      |     `-._`'`_/'`.-'     |
16      '========.`\   /`========'
17               | |  / |
18               |/-.(  |
19               |\_._\ |
20               | \ \`;|
21               |  > |/|
22               | / // |
23               | |//  |
24               | \(\  |             
25               |  ``  |
26               |      |
27               |      |
28               |      |
29               |      |      是不是啊     不是~~~
30               
31                     ……………………………………………………………………………………
32 
33                     　　　　　　！！！！！
34                     　　　　　　 \\ - - //
35                     　　　　　　 (-● ●-)
36                     　　　　　　　\ (_) /
37                     　　　　　　　 \ u /
38                     ┏oOOo-━━━━━━━━┓
39                     ┃　　　　　　　　　　 ┃
40                     ┃　　　耶稣保佑！　　 ┃
41                     ┃永无BUG！！！┃
42                     ┃　　　　　　　　　　 ┃
43                     ┗━━━━━━━━-oOOo┛
44 
45                     ……………………………………………………………………………………
46 -->
47 <!DOCTYPE html>
48 <html>
49 <head>
50 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
51 <meta charset="utf-8">
52 <meta name="TTyb"content="2016/8/2">
53     <title>CopyRight by TTyb</title>
54 </head>
55 <!--下面做一个大区域的东西-->
56 <body id = "my_html;" style ="background-color:#d0d0d0;">
57     <div id = "container;" style = "width:800;px;align=center;"><!--background-color:#d0d0d0-->
58         
59         <h1 align="center">
60             标题在此
61         </h1>
62         <hr>
63         This text contains<sub>subscript</sub><!--下标-->
64         This text contains<sup>superscript</sup><!--上标-->
65         <hr>
66         <pre><!--用来写代码，保留所有格式--><bdo dir="rtl">bdo是反方向输出</bdo><hr></pre>
67         <pre style = "font-weight:bold">if i > j :<br/>    p = i<br/>    i = j<br/>    i = p<br/>print('<a href = "javascript:void(0)" target="_blank">这是冒泡排序法</a>')<!--target="_blank"代表在新的窗口打开网页--></pre><hr>
68         <table border="10" bgcolor="#F5FFE8" background="E:\htmlcode\windows.jpg"><!--border="1"为边框的粗细程度，bgcolor="#F5FFE8"背景色，background="E:\htmlcode\windows.jpg背景图片-->
69         <tr align="center">
70             <td>First</td>
71             <td>Row</td>
72         </tr>
73         <tr align="center">
74             <td>Second</td>
75             <td>Row</td>
76         </tr>
77         </table>
78         <hr>
79         <script type="text/javascript">
80         document.write("<big>Hello World!</big>")
81         </script> 
82         
83         
84     </div>
85 </body>
86 </html>

效果如下 

 

CopyRight by TTyb

标题在此

This text containssubscript This text containssuperscript

bdo是反方向输出
if i > j :
    p = i
    i = j
    i = p
print('这是冒泡排序法')

First

Row

Second

Row