-
Notifications
You must be signed in to change notification settings - Fork 7
Expand file tree
/
Copy pathindex.html
More file actions
237 lines (230 loc) · 16 KB
/
Copy pathindex.html
File metadata and controls
237 lines (230 loc) · 16 KB
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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>HTML教程_HTML5 教程-歪脖网</title>
<meta name="keywords" content="HTML, HTML5, HTML教程, HTML5教程, HTML5 教程" />
<meta name="description" content="歪脖网, 提供HTML5 教程和 HTML教程, 让零基础web前端工程师从入门HTML5 到完全精通HTML5, 是web前端学习线路的必备教程, 学HTML5和HTML就上歪脖网" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link href="http://localhost/waibo/css/bootstrap.min.css" rel="stylesheet" />
<link href="http://localhost/waibo/css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="http://localhost/waibo/css/style.css" rel="stylesheet" />
<script src="http://localhost/waibo/js/jquery.js"></script>
<script src="http://localhost/waibo/js/script.js"></script>
</head>
<body>
<div class="topbar">
<div class="eyebrow hidden-phone">
<div class="container">
<ul class="pull-left">
<li><a href="http://www.waibo.wang/" target="_blank">歪脖网</a>欢迎您！</li>
</ul>
<ul class="pull-right">
<li><a href="http://www.waibo.wang/user/">登录</a></li>
<li class="b">|</li>
<li><a href="http://www.waibo.wang/user/register.asp" target="_blank">注册</a></li>
</div>
</div>
<div class="topnav">
<div class="container">
<div class="row-fluid mtz">
<div class="span3 topnav-logo">
<a href="http://www.waibo.wang/"><p class="logo-cn">歪脖网</p><p class="logo-en hidden-phone">waibo.wang</p></a>
</div>
<div class="span6 nav">
<ul>
<li ><a href="http://www.waibo.wang/">首页</a></li>
<li class="active"><a href="http://localhost/waibo/">教程</a></li>
<li ><a href="http://www.waibo.wang/wiki/">专栏</a></li>
<li ><a href="http://www.waibo.wang/demo/">素材</a></li>
</ul>
</div>
<div class="span3 topnav-form">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row-fluid">
<aside class="span3">
<div class="card">
<div class="head">
<h4>前端教程</h4>
</div>
<div class="heading">
<h3><a class="active" href="http://localhost/waibo/bible/html5/">HTML5宝典</a></h3>
</div>
</div>
<div id="ad2-01" class="ad-aside"></div>
</aside>
<main class="span9">
<div class="card">
<p class="h">HTML5宝典</p>
</p>
<p class="hide-text">歪脖网, 提供HTML5 教程和 HTML教程, 让零基础web前端工程师从入门HTML5 到完全精通HTML5, 是web前端学习线路的必备教程, 学HTML5和HTML就上歪脖网</p>
<hr/>
<div class="contents">
<h1>第 1 章 <a href="http://localhost/waibo/bible/html5/html/1/1.html">HTML基础</a></h1>
<h2>1.1 <a href="http://localhost/waibo/bible/html5/html/1/1.1.1.html">认识HTML</a></h2>
<h3>1.1.1 <a href="http://localhost/waibo/bible/html5/html/1/1.1.1.html">什么是HTML</a></h3>
<h3>1.1.2 <a href="http://localhost/waibo/bible/html5/html/1/1.1.2.html">HTML发展史</a></h3>
<h3>1.1.3 <a href="http://localhost/waibo/bible/html5/html/1/1.1.3.html">HTML初体验</a></h3>
<h2>1.2 <a href="http://localhost/waibo/bible/html5/html/1/1.2.1.html">HTML基本语法</a></h2>
<h3>1.2.1 <a href="http://localhost/waibo/bible/html5/html/1/1.2.1.html">HTML元素</a></h3>
<h3>1.2.2 <a href="http://localhost/waibo/bible/html5/html/1/1.2.2.html">HTML属性</a></h3>
<h3>1.2.3 <a href="http://localhost/waibo/bible/html5/html/1/1.2.3.html">HTML注释</a></h3>
<h2>1.3 <a href="http://localhost/waibo/bible/html5/html/1/1.3.1.html">HTML文档结构</a></h2>
<h3>1.3.1 <a href="http://localhost/waibo/bible/html5/html/1/1.3.1.html"><!DOCTYPE></a></h3>
<h3>1.3.2 <a href="http://localhost/waibo/bible/html5/html/1/1.3.2.html">HTML根元素</a></h3>
<h3>1.3.3 <a href="http://localhost/waibo/bible/html5/html/1/1.3.3.html">HTML头部</a></h3>
<h3>1.3.4 <a href="http://localhost/waibo/bible/html5/html/1/1.3.4.html">HTML主体</a></h3>
<h2>1.4 <a href="http://localhost/waibo/bible/html5/html/1/1.4.html">动态网页技术</a></h2>
<h1>第 2 章 <a href="http://localhost/waibo/bible/html5/html/2/2.html">HTML元素</a></h1>
<h2>2.1 <a href="http://localhost/waibo/bible/html5/html/2/2.1.1.html">结构语义元素</a></h2>
<h3>2.1.1 <a href="http://localhost/waibo/bible/html5/html/2/2.1.1.html">h1～h6元素</a></h3>
<h3>2.1.2 <a href="http://localhost/waibo/bible/html5/html/2/2.1.2.html">header元素</a></h3>
<h3>2.1.3 <a href="http://localhost/waibo/bible/html5/html/2/2.1.3.html">nav元素</a></h3>
<h3>2.1.4 <a href="http://localhost/waibo/bible/html5/html/2/2.1.4.html">main元素</a></h3>
<h3>2.1.5 <a href="http://localhost/waibo/bible/html5/html/2/2.1.5.html">article元素</a></h3>
<h3>2.1.6 <a href="http://localhost/waibo/bible/html5/html/2/2.1.6.html">section元素</a></h3>
<h3>2.1.7 <a href="http://localhost/waibo/bible/html5/html/2/2.1.7.html">aside元素</a></h3>
<h3>2.1.8 <a href="http://localhost/waibo/bible/html5/html/2/2.1.8.html">footer元素</a></h3>
<h3>2.1.9 <a href="http://localhost/waibo/bible/html5/html/2/2.1.9.html">address元素</a></h3>
<h2>2.2 <a href="http://localhost/waibo/bible/html5/html/2/2.2.1.html">内容分组元素</a></h2>
<h3>2.2.1 <a href="http://localhost/waibo/bible/html5/html/2/2.2.1.html">div元素</a></h3>
<h3>2.2.2 <a href="http://localhost/waibo/bible/html5/html/2/2.2.2.html">p元素</a></h3>
<h3>2.2.3 <a href="http://localhost/waibo/bible/html5/html/2/2.2.3.html">hr元素</a></h3>
<h3>2.2.4 <a href="http://localhost/waibo/bible/html5/html/2/2.2.4.html">pre元素</a></h3>
<h3>2.2.5 <a href="http://localhost/waibo/bible/html5/html/2/2.2.5.html">figure元素</a></h3>
<h3>2.2.6 <a href="http://localhost/waibo/bible/html5/html/2/2.2.6.html">blockquote元素</a></h3>
<h3>2.2.7 <a href="http://localhost/waibo/bible/html5/html/2/2.2.7.html">列表元素</a></h3>
<h2>2.3 <a href="http://localhost/waibo/bible/html5/html/2/2.3.1.html">文本语义元素</a></h2>
<h3>2.3.1 <a href="http://localhost/waibo/bible/html5/html/2/2.3.1.html">文本元素</a></h3>
<h3>2.3.2 <a href="http://localhost/waibo/bible/html5/html/2/2.3.2.html">strong元素</a></h3>
<h3>2.3.3 <a href="http://localhost/waibo/bible/html5/html/2/2.3.3.html">small元素</a></h3>
<h3>2.3.4 <a href="http://localhost/waibo/bible/html5/html/2/2.3.4.html">i元素</a></h3>
<h3>2.3.5 <a href="http://localhost/waibo/bible/html5/html/2/2.3.5.html">b元素</a></h3>
<h3>2.3.6 <a href="http://localhost/waibo/bible/html5/html/2/2.3.6.html">u元素</a></h3>
<h3>2.3.7 <a href="http://localhost/waibo/bible/html5/html/2/2.3.7.html">s元素</a></h3>
<h3>2.3.8 <a href="http://localhost/waibo/bible/html5/html/2/2.3.8.html">q元素</a></h3>
<h3>2.3.9 <a href="http://localhost/waibo/bible/html5/html/2/2.3.9.html">cite元素</a></h3>
<h3>2.3.10 <a href="http://localhost/waibo/bible/html5/html/2/2.3.10.html">mark元素</a></h3>
<h3>2.3.11 <a href="http://localhost/waibo/bible/html5/html/2/2.3.11.html">abbr元素</a></h3>
<h3>2.3.12 <a href="http://localhost/waibo/bible/html5/html/2/2.3.12.html">dfn元素</a></h3>
<h3>2.3.13 <a href="http://localhost/waibo/bible/html5/html/2/2.3.13.html">time元素</a></h3>
<h3>2.3.14 <a href="http://localhost/waibo/bible/html5/html/2/2.3.14.html">code元素</a></h3>
<h3>2.3.15 <a href="http://localhost/waibo/bible/html5/html/2/2.3.15.html">var元素</a></h3>
<h3>2.3.16 <a href="http://localhost/waibo/bible/html5/html/2/2.3.16.html">samp元素</a></h3>
<h3>2.3.17 <a href="http://localhost/waibo/bible/html5/html/2/2.3.17.html">kbd元素</a></h3>
<h3>2.3.18 <a href="http://localhost/waibo/bible/html5/html/2/2.3.18.html">sub和sup元素</a></h3>
<h3>2.3.19 <a href="http://localhost/waibo/bible/html5/html/2/2.3.19.html">ins和del元素</a></h3>
<h3>2.3.20 <a href="http://localhost/waibo/bible/html5/html/2/2.3.20.html">bdo和bdi元素</a></h3>
<h3>2.3.21 <a href="http://localhost/waibo/bible/html5/html/2/2.3.21.html">ruby、rb、rt、rp元素</a></h3>
<h3>2.3.22 <a href="http://localhost/waibo/bible/html5/html/2/2.3.22.html">br元素</a></h3>
<h3>2.3.23 <a href="http://localhost/waibo/bible/html5/html/2/2.3.23.html">wbr元素</a></h3>
<h3>2.3.24 <a href="http://localhost/waibo/bible/html5/html/2/2.3.24.html">span元素</a></h3>
<h2>2.4 <a href="http://localhost/waibo/bible/html5/html/2/2.4.1.html">链接元素</a></h2>
<h3>2.4.1 <a href="http://localhost/waibo/bible/html5/html/2/2.4.1.html">a元素</a></h3>
<h3>2.4.2 <a href="http://localhost/waibo/bible/html5/html/2/2.4.2.html">map元素</a></h3>
<h2>2.5 <a href="http://localhost/waibo/bible/html5/html/2/2.5.html">表格元素</a></h2>
<h2>2.6 <a href="http://localhost/waibo/bible/html5/html/2/2.6.1.html">嵌入式元素</a></h2>
<h3>2.6.1 <a href="http://localhost/waibo/bible/html5/html/2/2.6.1.html">图像</a></h3>
<h3>2.6.2 <a href="http://localhost/waibo/bible/html5/html/2/2.6.2.html">网页</a></h3>
<h3>2.6.3 <a href="http://localhost/waibo/bible/html5/html/2/2.6.3.html">视频和音频</a></h3>
<h1>第 3 章 <a href="http://localhost/waibo/bible/html5/html/3/3.html">表单及应用</a></h1>
<h2>3.1 <a href="http://localhost/waibo/bible/html5/html/3/3.1.html">什么是表单</a></h2>
<h2>3.2 <a href="http://localhost/waibo/bible/html5/html/3/3.2.html">Form元素</a></h2>
<h2>3.3 <a href="http://localhost/waibo/bible/html5/html/3/3.3.1.html">表单控件</a></h2>
<h3>3.3.1 <a href="http://localhost/waibo/bible/html5/html/3/3.3.1.html">label控件</a></h3>
<h3>3.3.2 <a href="http://localhost/waibo/bible/html5/html/3/3.3.2.html">input控件</a></h3>
<h3>3.3.3 <a href="http://localhost/waibo/bible/html5/html/3/3.3.3.html">textarea控件</a></h3>
<h3>3.3.4 <a href="http://localhost/waibo/bible/html5/html/3/3.3.4.html">select控件</a></h3>
<h3>3.3.5 <a href="http://localhost/waibo/bible/html5/html/3/3.3.5.html">keygen控件</a></h3>
<h3>3.3.6 <a href="http://localhost/waibo/bible/html5/html/3/3.3.6.html">progress控件</a></h3>
<h3>3.3.7 <a href="http://localhost/waibo/bible/html5/html/3/3.3.7.html">meter控件</a></h3>
<h3>3.3.8 <a href="http://localhost/waibo/bible/html5/html/3/3.3.8.html">fieldset控件</a></h3>
<h2>3.4 <a href="http://localhost/waibo/bible/html5/html/3/3.4.1.html">表单按钮</a></h2>
<h3>3.4.1 <a href="http://localhost/waibo/bible/html5/html/3/3.4.1.html">提交按钮</a></h3>
<h3>3.4.2 <a href="http://localhost/waibo/bible/html5/html/3/3.4.2.html">重置按钮</a></h3>
<h3>3.4.3 <a href="http://localhost/waibo/bible/html5/html/3/3.4.3.html">普通按钮</a></h3>
<h2>3.5 <a href="http://localhost/waibo/bible/html5/html/3/3.5.1.html">表单特性</a></h2>
<h3>3.5.1 <a href="http://localhost/waibo/bible/html5/html/3/3.5.1.html">size</a></h3>
<h3>3.5.2 <a href="http://localhost/waibo/bible/html5/html/3/3.5.2.html">min/maxlength</a></h3>
<h3>3.5.3 <a href="http://localhost/waibo/bible/html5/html/3/3.5.3.html">readonly</a></h3>
<h3>3.5.4 <a href="http://localhost/waibo/bible/html5/html/3/3.5.4.html">disabled</a></h3>
<h3>3.5.5 <a href="http://localhost/waibo/bible/html5/html/3/3.5.5.html">autocomplete</a></h3>
<h3>3.5.6 <a href="http://localhost/waibo/bible/html5/html/3/3.5.6.html">autofocus</a></h3>
<h3>3.5.7 <a href="http://localhost/waibo/bible/html5/html/3/3.5.7.html">required</a></h3>
<h3>3.5.8 <a href="http://localhost/waibo/bible/html5/html/3/3.5.8.html">placeholder</a></h3>
<h3>3.5.9 <a href="http://localhost/waibo/bible/html5/html/3/3.5.9.html">pattern</a></h3>
<h3>3.5.10 <a href="http://localhost/waibo/bible/html5/html/3/3.5.10.html">list</a></h3>
<h1>第 4 章 <a href="http://localhost/waibo/bible/html5/html/4/4.html">Canvas绘图基础</a></h1>
<h2>4.1 <a href="http://localhost/waibo/bible/html5/html/4/4.1.html">基本用法</a></h2>
<h2>4.2 <a href="http://localhost/waibo/bible/html5/html/4/4.2.1.html">使用路径</a></h2>
<h3>4.2.1 <a href="http://localhost/waibo/bible/html5/html/4/4.2.1.html">如何使用路径</a></h3>
<h3>4.2.2 <a href="http://localhost/waibo/bible/html5/html/4/4.2.2.html">绘制线段</a></h3>
<h3>4.2.3 <a href="http://localhost/waibo/bible/html5/html/4/4.2.3.html">绘制矩形</a></h3>
<h3>4.2.4 <a href="http://localhost/waibo/bible/html5/html/4/4.2.4.html">绘制圆弧</a></h3>
<h3>4.2.5 <a href="http://localhost/waibo/bible/html5/html/4/4.2.5.html">绘制贝塞尔曲线</a></h3>
<h2>4.3 <a href="http://localhost/waibo/bible/html5/html/4/4.3.html">绘制文本</a></h2>
<h2>4.4 <a href="http://localhost/waibo/bible/html5/html/4/4.4.1.html">处理图像和视频</a></h2>
<h3>4.4.1 <a href="http://localhost/waibo/bible/html5/html/4/4.4.1.html">绘制图像</a></h3>
<h3>4.4.2 <a href="http://localhost/waibo/bible/html5/html/4/4.4.2.html">操作图像像素</a></h3>
<h3>4.4.3 <a href="http://localhost/waibo/bible/html5/html/4/4.4.3.html">创建图像数据</a></h3>
<h2>4.5 <a href="http://localhost/waibo/bible/html5/html/4/4.5.1.html">装饰图形</a></h2>
<h3>4.5.1 <a href="http://localhost/waibo/bible/html5/html/4/4.5.1.html">线条的样式</a></h3>
<h3>4.5.2 <a href="http://localhost/waibo/bible/html5/html/4/4.5.2.html">颜色及透明度</a></h3>
<h3>4.5.3 <a href="http://localhost/waibo/bible/html5/html/4/4.5.3.html">渐变和图案</a></h3>
<h3>4.5.4 <a href="http://localhost/waibo/bible/html5/html/4/4.5.4.html">阴影</a></h3>
<h3>4.5.5 <a href="http://localhost/waibo/bible/html5/html/4/4.5.5.html">裁剪区域</a></h3>
<h3>4.5.6 <a href="http://localhost/waibo/bible/html5/html/4/4.5.6.html">图形组合</a></h3>
<h2>4.6 <a href="http://localhost/waibo/bible/html5/html/4/4.6.html">画布变换</a></h2>
<h2>4.7 <a href="http://localhost/waibo/bible/html5/html/4/4.7.html">保存恢复状态</a></h2>
<h2>4.8 <a href="http://localhost/waibo/bible/html5/html/4/4.8.html">绘制动画</a></h2>
<h2>4.9 <a href="http://localhost/waibo/bible/html5/html/4/4.9.html">保存画布</a></h2>
<h1>第 5 章 <a href="http://localhost/waibo/bible/html5/html/5/5.html">客户端存储</a></h1>
<h2>5.1 <a href="http://localhost/waibo/bible/html5/html/5/5.1.1.html">Cookie</a></h2>
<h3>5.1.1 <a href="http://localhost/waibo/bible/html5/html/5/5.1.1.html">存储Cookie</a></h3>
<h3>5.1.2 <a href="http://localhost/waibo/bible/html5/html/5/5.1.2.html">读取Cookie</a></h3>
<h3>5.1.3 <a href="http://localhost/waibo/bible/html5/html/5/5.1.3.html">修改Cookie</a></h3>
<h3>5.1.4 <a href="http://localhost/waibo/bible/html5/html/5/5.1.4.html">删除Cookie</a></h3>
<h2>5.2 <a href="http://localhost/waibo/bible/html5/html/5/5.2.1.html">Web Storage</a></h2>
<h3>5.2.1 <a href="http://localhost/waibo/bible/html5/html/5/5.2.1.html">概述</a></h3>
<h3>5.2.2 <a href="http://localhost/waibo/bible/html5/html/5/5.2.2.html">浏览器检测</a></h3>
<h3>5.2.3 <a href="http://localhost/waibo/bible/html5/html/5/5.2.3.html">Web Storage API</a></h3>
<h3>5.2.4 <a href="http://localhost/waibo/bible/html5/html/5/5.2.4.html">Storage事件</a></h3>
</div>
</div>
</main>
</div>
</div>
<div class="floatPanel">
<div class="ctrolPanel">
<a href="javascript:;" class="arrow top" onClick="goTop()"><span>返回顶部</span></a>
<a href="#" class="phone" data-target="#phone"><span>手机访问</span></a>
<a href="#" class="wechat" data-target="#wechat"><span>关注微信</span></a>
<a href="javascript:;" class="arrow bottom" onClick="goBottom()"><span>返回底部</span></a>
</div>
<div id="phone" class="popPanel">
<div class="popPanel-inner">
<img src="http://localhost/waibo/img/site.png" /><p class="slogan">扫码访问歪脖网</p><p>随时随地，想看就看</p>
</div>
</div>
<div id="wechat" class="popPanel">
<div class="popPanel-inner">
<img src="http://localhost/waibo/img/weixin.png" /><p class="slogan">关注歪脖网微信</p><p>分享 web 知识、交流 web 经验</p>
</div>
</div>
</div>
<footer>
<p>Copyright©2017 www.waibo.wang All Rights Reserved</p>
<p>陕ICP备17020676号-1 客服QQ：376601179 邮箱：376601179#qq.com
</footer>
<script>
$(function() {
load();
});
</script>
</body>
</html>