-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaaa.html
172 lines (166 loc) · 5.05 KB
/
aaa.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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
<meta charset="utf-8">
<meta name="Keywords" content="资讯,新闻,财经,房产,视频,NBA,科技,腾讯网,腾讯,QQ,Tencent">
<meta name="Descrition" content="腾讯网(www.QQ.com)是中国浏览量最大的中文门户网站，是腾讯公司推出的集新闻信息、互动社区、娱乐产品和基础服务为一体的大型综合门户网站。腾讯网服务于全球华人用户，致力成为最具传播力和互动性，权威、主流、时尚的互联网媒体平台。通过强大的实时新闻和全面深入的信息资讯服务，为中国数以亿计的互联网用户提供富有创意的网上新生活。">
<!--
base 设置网页的基准链接和基准打开方式
style 设置网页内部的css
link 链接外部的文件，通常链接 css icon
-->
<base href="" target="_blank">
<style>
h1.logo{
}
h1.logo a{
display: inline-block;
text-indent: -9999px;
width: 134px;
height: 44px;
background-image: url(//mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png);
background-image: -webkit-image-set(url(//mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png) 1x,url(//mat1.gtimg.com/www/images/qq2012/qqlogo_2x.png) 2x);
background-repeat: no-repeat;
}
span{
color:rgb(0,200,0);
}
</style>
<link rel="stylesheet" href="css.css">
<link rel="shortcut icon" href="//mat1.gtimg.com/www/icon/favicon2.ico"/>
<script>
//js
</script>
<script src="js.js"></script>
</head>
<body>
<!--
h1~h6 网页里的标题文字
一般情况下，一个网页应该有一个h1
最好不要用到h4-h6
h5 新增加的节点元素(只有追新的网站在用，是一个趋势)
header footer main article section aside nav
address time
-->
<h1 class="logo">
<a href="qq.com">
腾讯网
</a>
</h1>
<!-- 组合元素
div 组合任何元素 div>div h1 p img a br table等任何元素
p 组合文本元素 p>a em strong等文本级元素，不能跟块级元素
span 单纯的文字的容器(不是组合元素，而是文本级元素)
figure
figcaption
<figure>
<img src="" alt="">
<figcaption></figcaption>
</figure>
pre 原样展示 pre code展示代码
blockquote
hr 分割线
列表
无序列表、有序列表、定义列表
ul li
ol li
dl dt dd
-->
<p>一段文字的实例，一段<em>文字</em>的<span>历史</span>一段文字的实例，一段文字的历史一段文字的实例，一段文字的历史一段文字的实例，一段文字的历史</p>
<pre> 春晓
春眠不觉晓，
处处闻啼鸟。</pre>
<hr>
<ul type="square">
<li>dd</li>
<li>dd</li>
<li>dd</li>
<li>dd</li>
</ul>
<ol type="a" start="3">
<li>dd</li>
<li>dd</li>
<li>dd</li>
<li>dd</li>
</ol>
<dl>
<dt>定义</dt>
<dd>解释解释解释解释解释解释解释解释解释</dd>
<dd>解释解释解释解释解释解释解释解释解释22222</dd>
</dl>
<!--文本级元素
em strong
q cite mark
i b u s
ins del
sup sub big small var code samp abbr
span
-->
<ins>asdfasdfasdfasf</ins>
<del>asdfasdfasdfasddafasdfa</del>
<!--表格元素
table
caption
col colgroup
thead tbody tfoot
tr th td
-->
<table border="1" width="500" cellspacing="0" cellpadding="10">
<caption>表格标题</caption>
<col style="width:30px">
<colgroup span="2" style="background:rgba(0,0,100,0.1);">
<colgroup span="1">
<thead>
<tr>
<th>id</th>
<th>name</th>
<th>sex</th>
<th>age</th>
</tr>
</thead>
<tbody>
<tr>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
</tr>
<tr>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
</tr>
<tr>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
</tr>
<tr>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
</tr>
<tr>
<td rowspan="2">ddd</td>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
</tr>
<tr>
<td>ddd</td>
<td>ddd</td>
<td>ddd</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">备注</td>
</tr>
</tfoot>
</table>
</body>
</html>