1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
| 1 <h1> to </h6>: 一到六号标题
2 <p>段落</p>
3 <body style="background-color:PowderBlue;">
<p style="font-family:verdana;color:red">对段落样式进行修改</p>
</body>
4 <br /><hr /><!这是注释，前面的是换行和分割线>
5 <b>被加粗的内容</b>
6 <strong>被...加粗的内容...吧</strong>
7 <big>被加大的内容</big>
8 <em>被强调(加斜)的内容</em>
9 <i>被...意大利式加斜的内容</i>
10 <small>被减小的内容</small>
11 <sub>位于右下角的小字部分</sub>
12 <sup>位于右上角的小字部分</sup>
13 <pre>预格式文本(保留了空格和换行)</pre>
14 <code>用于</code>,<kbd>显示</kbd>,<samp>代码</samp>,<var>这个加大加粗了一点</var>
15 <address>用于书写地址，其中记得手动添加换行标签</address>
16 <abbr title="etcetera">etc.</abbr>
17 <acronym title="World Wide Web">WWW</acronym>
18 <bdo dir="rtl">印打序倒</bdo>
19 <blockquote>块引用</blockquote>,<q>短引用</q>
20 <p>你看<del>我被划掉了</del><ins>又被加下划线了</ins></p>
21 <a name="tips">基本的注意事项 - 有用的提示</a> <a href="#tips">有用的提示</a>
22 <img src="url" width=xx height=xx align=xxx />
23 <table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
24 <ul><!unsorted list>
<li>Coffee</li>
<li>Milk</li>
</ul>
25 <ol><!ordered list>
<li>Coffee</li>
<li>Milk</li>
</ol>
26 <dl><!defined list>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
27 <head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
28 <!DOCTYPE html>
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>
29 <iframe src="demo_iframe.htm" width="200" height="200"></iframe>
30 <body background="http://www.w3school.com.cn/clouds.gif">
31 <script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>Your browser does not support JavaScript!</noscript>
|
Quick Search
