闲着没事敲了个百科界面，效果如下图所示
HTML5百科界面
- ① index.html
- ② page01.html
- ③ page02.html
- ④ images文件夹
① index.html
② page01.html
③ page02.html
④ images文件夹
下面是各模块具体实现
复制代码
1
① index.html
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5百科</title> </head> <body> <p align="center"> <a href="page01.html" target="_self"> <img src="images/html5.jpg" alt="UI设计师"> </a> </p> </body> </html>
② page01.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<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5百科</title> </head> <body> <h2 align="center">HTM5百科</h2> <img src="images/a.jpg" alt="UI设计师" align="left" hspace="30"/> <hr size="3" color="#CCCCCC" > <p> <strong>HTML5</strong>是<strong>HTML(超文本标记语言)的第5个版本，目前得到了广泛使用</strong></p> <p>> <em>2004</em>年HTML5被<strong>WHATWG</strong>提出。</p> <p> <em>2007</em>年HTML5被<strong>W3C</strong>接纳，W3C还成立了新的<strong>HTML</strong>工作团队。</n></p> <p> 2008年1月22日，HTML5第1份正式草案公布。</p> <hr size="3" color="#CCCCCC" > <a href="page02.html" ><img src="images/down.png" alt="下一页" vspace="20"></a> <a href="index.html"><img src="images/return.png" alt="返回" vspace="20" align="right"></a> <hr size="1" color="#FFFFFF"> <a href="https://blog.csdn.net/weixin_53891182" target="_blank"> <p align="center">xiao6ming6©2020-2022</p> </a> </body> </html>
③ page02.html
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5百科</title> </head> <body> <h2 align="center">HTM5百科</h2> <img src="images/b.jpg" alt="UI设计师" align="left" hspace="30"/> <hr size="3" color="#CCCCCC" > <img src="images/pic01.jpg"> <img src="images/pic02.jpg"> <hr size="3" color="#CCCCCC" > <a href="page01.html"><img src="images/up.png" alt="上一页" vspace="20"></a> <a href="index.html"><img src="images/return.png" alt="返回" vspace="20" align="right"> </a> <hr size="1" color="#FFFFFF"> <a href="https://blog.csdn.net/weixin_53891182" target="_blank"> <p align="center">xiao6ming6©2020-2022</p> </a> </body> </html>
复制代码
1
2④ images文件夹
复制代码
1
2https://xiao6ming6.lanzouv.com/iBpox0cdhyuh
最后
以上就是难过荔枝最近收集整理的关于HTML5百科界面① index.html② page01.html③ page02.html④ images文件夹的全部内容，更多相关HTML5百科界面①内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复