-
Notifications
You must be signed in to change notification settings - Fork 0
/
Demo01.html
145 lines (123 loc) · 3.03 KB
/
Demo01.html
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>一级标题</h1>
<h2>01-排版标签</h2>
<p>
仰头大笑出门去
</p>
<hr size="5" width="500" color="#000000"> </hr>
<hr />
<p>
吾辈岂是蓬蒿人
</p>
<p>
This <br> is a paragraph <br>
</p>
<div>
div一区
</div>
<div>
div二区
</div>
<span>
span一区
</span>
<span>
span二区
</span>
<p>
简介简介简介简介
<span>
<a href="">详细信息</a>
<a href="">购买</a>
</span>
</p>
<div class="header">
<div class="logo">logo</div>
<div class="nav">nav</div>
</div>
<div class="content">
<div class="guanggao">guanggao</div>
<div class="dongxi">dongxi</div>
</div>
<div class="footer">footer</div>
<p>
这是一个HTML语言的<p>标签<br>
<span>
符号: < > & ¥ © ® ° ±
× ÷ ² ³
</span>
</p>
<h2>02-字体标签</h2>
<p>
<u>JayChou</u> <br>
<s>周杰伦</s> <br>
<i>周杰伦JAYCHOU</i> <br>
<b>周杰伦</b>
<br>
O<sup>2</sup> <br>
5<sub>4</sub>
</p>
<br>
<h3>超链接</h3>
<a href="02页面.html">点击进入另一个页面</a> <br>
<a name='name1'>
顶部
<pre>
</pre>
</a>
<a href="#name1">回到顶部</a> <br>
<a href="wwww.baidu.com" title="百度一下,你就知道" target="">搜索</a> <br>
<h2>03-图片标签</h2>
<img width="100%" src="./images/ROG.png" alt="ROG" title="Rog幻14壁纸">
<img src="http://img.smyhvae.com/20200122_200901.png">
<p>
ROG <img width="50%" src="./images/ROG.png"> 玩家国度
</p>
<h2>04-标签图文详解</h2>
<hr3>无序列表</hr3>
<ul>
<li>实心原点,默认1</li>
<li>默认2</li>
<li>默认3</li>
</ul>
<ul type="square">
<li>实心方点,默认1</li>
<li>默认2</li>
<li>默认3</li>
</ul>
<ul type="circle">
<li>空心原点,默认1</li>
<li>默认2</li>
<li>默认3</li>
</ul>
<ul>
<li>实心原点,默认1</li>
<li type="square">实心方点,默认2</li>
<li type="circle">空心圆点,默认3</li>
</ul>
<h3>嵌套</h3>
<ul>
<li> <b>北京市</b>
<ul>
<li>海淀区</li>
<li>朝阳区</li>
<li>东城区</li>
</ul>
</li>
<li><b>广州市</b>
<ul>
<li>白云区</li>
<li>青浦区</li>
</ul>
</li>
</ul>
</body>
</html>