我是靠谱客的博主 难过荔枝,最近开发中收集的这篇文章主要介绍HTML5百科界面① index.html② page01.html③ page02.html④ images文件夹,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

示例

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

最后

以上就是难过荔枝为你收集整理的HTML5百科界面① index.html② page01.html③ page02.html④ images文件夹的全部内容,希望文章能够帮你解决HTML5百科界面① index.html② page01.html③ page02.html④ images文件夹所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(56)

评论列表共有 0 条评论

立即
投稿
返回
顶部