HTML5百科界面

xiao6ming6

已于 2022-11-07 23:39:45 修改

阅读量1.9k

点赞数 1

分类专栏： html笔记文章标签： html5 html 前端

于 2022-09-26 13:16:15 首次发布

本文链接：https://blog.csdn.net/weixin_53891182/article/details/127051599

版权

html笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

闲着没事敲了个百科界面，效果如下图所示

HTML5百科界面

① index.html
② page01.html
③ page02.html
④ images文件夹

① index.html

② page01.html

③ page02.html

④ images文件夹

下面是各模块具体实现

① index.html

<!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

<!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>&nbsp;&nbsp;<strong>HTML5</strong>是<strong>HTML(超文本标记语言)的第5个版本，目前得到了广泛使用</strong></p>
<p>>&nbsp;&nbsp;<em>2004</em>年HTML5被<strong>WHATWG</strong>提出。</p>
<p>&nbsp;&nbsp;<em>2007</em>年HTML5被<strong>W3C</strong>接纳，W3C还成立了新的<strong>HTML</strong>工作团队。</n></p>
<p>&nbsp;&nbsp;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&copy;2020-2022</p>
</a>
</body>
</html>

③ page02.html

<!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&copy;2020-2022</p>
</a>
</body>
</html>

④ images文件夹

https://xiao6ming6.lanzouv.com/iBpox0cdhyuh

xiao6ming6

关注

1
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
HTML5百科界面

HTML5百科
复制链接

扫一扫

专栏目录

HTML5百科界面

HTML5百科界面

① index.html

② page01.html

③ page02.html

④ images文件夹

“相关推荐”对你有帮助么？