HTML设计一个图书管理网页

HTML设计简单网页

ps:代码运行时图片不能显示，您需将 background: url(aaa/zcx.jpg)~<body background=“aaa/timg.jpg”~<img src=“aaa/010.jpg” ~中的aaa/xx.jpg,换成你的图片，
解决：
（1）可以新建目录，然后把照片放入目录中，就可以改为目录名/图片名，
（2）或者直接与该html文件粘贴在同个目录下（不推荐,图片多的话瞅着乱不规整）
该代码图片可设为学校校徽或公司logo <img src=“aaa/010.jpg”
缺点：logo有白边最好用ps整完直接引入背景图片（然后就可以把<img~删了，记得把style中的img{}也删了）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>CSDN</title><style>span{font-family:"楷体";font-size:70px;text-align:center;color:red;}body {font-family: "楷体";margin: 0px;padding: 0px;}div{float:left;margin-left: 70px;}img{position:absolute;left:1100px;top:30px;}#nnn{font-size:25px;}#shuosuo{width:50px;height:40px;}a{text-decoration:none;}a:hover{color:red ;text-decoration: none;}nav{font-size:20px;float:initial;margin: 0 0 0 0;padding: 0 0 0 0 ;}nav ul li {float:left;display: inline;}nav ul li a {float: left;padding: 11px 20px;font-size: 14px;text-align: center;text-decoration: none;background: url(aaa/zcx.jpg)center left  no-repeat;color: #fff;outline: none;}</style></head>
<h1><span>&nbspXXX图书管理系统</span></h1>
<p><nav><ul><li><a href="#" title="个人信息" target="_blank">个人信息</a></li><li><a href="#" title="图书借阅" target="_blank">图书借阅</a></li><li><a href="#" title="图书退还" target="_blank">图书退还</a></li><li><a href="#" title="图书信息管理" target="_blank">图书信息管理</a></li><li><a href="#" title="新书入馆" target="_blank">新书入馆</a></li><li><a href="#" title="联系我们" target="_blank">联系我们</a></li></ul>
</nav>
</p>
<p><h2>&nbsp&nbsp&nbsp&nbsp&nbsp<input id="nnn" type="search" name="shousuo" placeholder="图书搜索"/><button id="shuosuo" type="button" name="queding" onclick="window.location.href='https://www.baidu.com'" >搜索</button>
</h2></p>
<body><body background="aaa/timg.jpg"style="background-repeat:no-repeat ;background-size:100% 100%;background-attachment: fixed;"></body></br><img src="aaa/010.jpg" width="200" height="200" /><div><h1><a href="ccc.html" target="_blank">科技类</a></h1><ul><li><a href="ccc.html">《最新科学技术全书》</a></li><li><a href="ccc.html">《科学技术发展简史》</a></li><li><a href="ccc.html">《科学探索者》</a></li><li><a href="ccc.html">《时间简史》</a></li><li><a href="ccc.html">......</a></li></ul><h1><a href="ccc.html">文学类</a></h1><ul><li><a href="ccc.html">《麦田里的守望者》</a></li><li><a href="ccc.html">《羊脂球》</a></li><li><a href="ccc.html">《到灯塔去》</a></li><li><a href="ccc.html">《诗经》</a></li><li><a href="ccc.html">......</a></li></ul></div><div><h1><a href="ccc.html">艺术类</a></h1><ul><li><a href="ccc.html">《艺术的故事》 </a></li><li><a href="ccc.html">《美的历程》</a></li><li><a href="ccc.html">《西方美学史》</a></li><li><a href="ccc.html">《艺术发展史》</a></li><li><a href="ccc.html">......</a></li></ul><h1><a href="ccc.html">医学类</a></h1><ul><li><a href="ccc.html">《生命科学史》</a></li><li><a href="ccc.html">《医学方法论》</a></li><li><a href="ccc.html">《医学的历史》</a></li><li><a href="ccc.html">《本草纲目》</a></li><li><a href="ccc.html">......</a></li></ul></div><div><h1><a href="ccc.html">哲学类</a></h1><ul><li><a href="ccc.html">《哲学的故事》</a></li><li><a href="ccc.html">《哲学与人生》</a></li><li><a href="ccc.html">《大问题》</a></li><li><a href="ccc.html">《西方哲学史》</a></li><li><a href="ccc.html">......</a></li></ul><h1><a href="ccc.html">经济类</a></h1><ul><li><a href="ccc.html">《经济学原理》</a></li><li><a href="ccc.html">《统计学原理》</a></li><li><a href="ccc.html">《微观经济学》</a></li><li><a href="ccc.html">《宏观经济学》</a></li><li><a href="ccc.html">......</a></li></ul></div><div><h1><a href="ccc.html">计算机类</a></h1><ul><li><a href="ccc.html">《代码大全》</a></li><li><a href="ccc.html">《程序眼修炼之道》</a></li><li><a href="ccc.html">《c程序设计语言》</a></li><li><a href="ccc.html">《算法导论》</a></li><li><a href="ccc.html">......</a></li></ul><h1><a href="ccc.html">人文类</a></h1><ul><li><a href="ccc.html">《陈序经》</a></li><li><a href="ccc.html">《波风与波谷》</a></li><li><a href="ccc.html">《伟大的海》</a></li><li><a href="ccc.html">《幻境中相逢》</a></li><li><a href="ccc.html">......</a></li></ul></div>
</body>
</html>

效果如下：

HTML设计一个图书管理网页相关推荐

如何去设计一个自适应的网页设计或HTMl5
如何去设计一个自适应的网页设计或HTMl5 如今移动互联网随着3G的普及,越来越火爆,更多需求跟随而来!APP应用市场和APP应用数量成倍成倍的增长!从而给移动互联网带来新的挑战! 移动设备正超过桌面 ...
PS经典教程：从零开始设计一个漂亮的网页
你是否曾经想过设计一个漂亮的网页,但是却不知道怎样入手?说实话,几年前我也是这样.当我浏览网页的时候我看到这么多好看的网页,我就希望自己有技术创作这样的设计作品. 今天我可以这么做了,而且我将教你怎么 ...
从零开始设计一个漂亮的网页（译）
译者:Joe 译文来源:http://xiebiji.com/2009/09/design_a_beautiful_website/ 原文来自:Design a Beautiful Website F ...
如何设计一个简单的网页
设计一个简单的网页 1.按住文件新建文本(Ctrl+N),设计一个网页标题,点击创建 2.在<body>内部加入所需要的标签如图中需要标题标签,水平线标签,段落标签 3.保存(Ctrl+ ...
设计一个图书类Book..........此暂时使用数组实现的 ...................后面会用集合来改进 ...........
设计一个图书类Book,包括私有属性:编号,书名,价格,实现图书自动编号(图书自动编号) 设计一个工具类Tools,工具类中设计以下方法: 1)在一个图书数组中按编号查找图书,并将图书 ...
python测试题：请设计一个图书类Book，包括书号(num)，书名(name)，出版日期(Date) 从键盘输入图书册数n，接着输入n个图书信息，按书名排序输出所有图书信息
题目: 请设计一个图书类Book,包括书号(num),书名(name),出版日期(Date) 从键盘输入图书册数n,接着输入n个图书信息,按书名排序输出所有图书信息思路: 首先肯定是先创建一个boo ...
设计一个简单的网页计算器
设计一个简单的网页计算器一.代码 <!DOCTYPE html> <html> <head><meta charset="UTF-8"& ...
如何用SQL设计一个图书管理系统＜纯SQL＞
最近在某鱼上有小伙伴让我帮他设计一个图书管理系统的数据库,从建库到简单的数据库,现在写完了,分享给大家哦! 我们先来看看他的要求,如下图: 根据以上需求我们来编写我们的SQL语句: 1. 创建数据库用 ...
javaee实验：使用mvc模式设计一个图书管理系统
太多了把报告粘贴过来了,仅供参考实习三 EL.JSTL及MVC 一.实习要求与目的 1.掌握标签库的使用 2.掌握EL及JSTL常用标签及方法 3.掌握MVC的编程模式,完成一个完整的信息管理系统 ...

HTML设计一个图书管理网页

HTML设计简单网页

HTML设计一个图书管理网页相关推荐

最新文章

热门文章