精华内容
下载资源
问答
  • html设计
    万次阅读 多人点赞
    2020-06-08 08:54:47

    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设计网页之网页头部

    千次阅读 2021-06-08 09:54:53
    HTML设计网页之网页头部 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>小逯工作室有限科技公司</title> <link rel="stylesheet" type="text/css...

    HTML设计网页之网页头部

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>小逯工作室有限科技公司</title>
    		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
    		<link rel="stylesheet" type="text/css" href="css/cls.css"/>
    		<style type="text/css">
    			#container{
    				width: 960px;
    				margin: 0 auto;
    			}
    			.nav{
    				margin: 5px;
    			}
    			.top{
    				height: 100px;
    				background-color: #2A2A9A;
    				
    			}
    			.top_left{
    				float: left;
    			}
    			.top_left img{
    				width: 80px;
    				height: 80px;
    				margin: 10px;
    				display: inline-block;
    			}
    		    .top_name{
    			float: left;
    			line-height: 100px;
    			color: white;
    			font-size: 25px;
    			font-family: "宋体";
    		    }
    			.top_right{
    				float: right;
    				color: white;
    				line-height: 100px;
    				margin-right: 40px;
    				font-weight: bold;
    				font-size: 18px;
    			}
    			.nav ul{
    				font-size: 16px;
    				display: flex;
    				margin-left: 90px;
    				margin-right: 90px;
    				justify-content: space-around;
    			}
    			.nav li:hover{
    				color:orange;
    				border-bottom: 2px solid orange;
    			}
    		</style>
    	</head>
    	<body>
    		<div id="container">
    			<header class="top">
    				<div class="top_left"><img src="img/logo.png" ></div>
    				<div class="top_name">小逯工作室有限科技公司</div>
    				<div class="top_right">汤经理 0531-10086-10010</div>
    			</header>
    			<div class="nav">
    				<ul>
    					<li>首页</li>
    					<li>关于我们</li>
    					<li>新闻资讯</li>
    					<li>产品介绍</li>
    					<li>解决方案</li>
    					<li>新品推送</li>
    					<li>资料下载</li>
    					<li>加盟合作</li>
    					<li>联系我们</li>
    				</ul>
    			</div>
    			<hr style="margin: 5px;">
    			<div class="content">	</div>
    			<footer class="bottom"></div>
    		</div>
    	</body>
    </html>
    
    

    页面效果
    在这里插入图片描述

    展开全文
  • HTML网页设计制作大作业(div+css)

    万次阅读 多人点赞 2020-11-25 16:19:36
    话不多说,直接上效果图: 历史介绍 行政区划: 地理环境 著名景点: 美食小吃 工艺品 联系我们 ...老师要求的十几个页面20几张图片以及一些跳转,使用div+css布局也基本上都有了。..................

    话不多说,直接上效果图:首页

    历史介绍
    历史介绍
    在这里插入图片描述
    行政区划:
    在这里插入图片描述
    地理环境
    在这里插入图片描述
    著名景点:
    在这里插入图片描述
    美食小吃
    在这里插入图片描述
    工艺品
    在这里插入图片描述
    联系我们
    在这里插入图片描述
    部分项目结构
    在这里插入图片描述
    老师要求的十几个页面20几张图片以及一些跳转,使用div+css布局也基本上都有了。然后代码也有注释。也能够容易看得懂

    部分代码
    在这里插入图片描述
    偷个懒,就用notepad打开。不用H-build打开了。哈哈哈
    需要源码的企鹅1_6_0_1_9_9_8_8_4_1
    大家加油!奥利给!

    展开全文
  • HTML期末网页设计——设计报告

    万次阅读 多人点赞 2020-06-22 23:36:49
    一、 设计目的(15 分) 阐述网站设计的背景、设计目的以及创意。 本次期末作品题为《香氛密语》的网页设计,围绕“香水”这一主题, 意在科普香水的知识和宣传这一“美”的事物。 首先,作为女生,彩妆、穿搭、美容等...
    展开全文
  • HTML5期末大作业:学校网站设计——初级中学网站(16页)HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游...
  • 一个简单的网页设计HTML5作业

    千次阅读 多人点赞 2022-06-26 09:26:43
    简单的html设计作业,初次学习,希望指正!
  • html网页设计模板

    万次阅读 2020-04-26 15:45:50
    https://webframe.xyz/
  • Web前端---响应式室内家具网页设计HTML+CSS+JS)

    千次阅读 多人点赞 2021-10-26 15:28:29
    临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?网页要求的总数量太多?HTML网页作业无从下手?没有合适的模板?等等一系列问题。你想要解决的问题,在这里常见网页设计作业题材有 个人、 美食、 ...
  • HTML】极简个人主页设计

    千次阅读 多人点赞 2020-12-25 18:37:36
    基于HTML的极简个人主页设计效果图源代码 效果图 源代码 主入口 <html> <frameset cols="250,*"> <frame src="导航.html"> <frame src="哈利的简介.html" name="showframe"> ...
  • 简单的网页设计HTML篇1)

    万次阅读 多人点赞 2019-07-15 13:18:30
    简单的网页设计HTML篇1) 本节成型网页框架: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>给新月的一封回信</title> </head&...
  • 学生北京故宫旅游网页设计作品作品介绍作品演示作品下载 作品介绍 本学生网站作业成品主题为北京故宫网页设计,采用DIV CSS布局制作,共5个页面,主要...故宫学生网页设计作品下载https://www.o29.cn/good/b/28.html
  • HTML+CSS大作业: 抗击疫情网页制作作业_疫情防控网页设计模板HTML_ 简单学生网页设计_静态HTML+CSS网站制作成品临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的...
  • HTML5~用户注册页面的设计与实现

    万次阅读 多人点赞 2020-12-03 00:58:15
    用户注册页面的设计与实现 需要制作的效果图如下 大概思路:我们先设置底色灰色,然后写出表单,再利用CSS给表单进行设置。 1、设置底色(css 行内式) <style> body{background:#cccccc;} </style> ...
  • html网页制作—登录及注册页面设计

    万次阅读 多人点赞 2020-04-11 12:47:20
    一、文字处理 1、文字加粗:<\strong> 2、文字...好 唱歌 篮球 羽毛球 跳舞 自 我 介绍 此处输入文本 请提供jpg或png格式照片 结果如图所示: 文章转载链接:https://www.cnblogs.com/yyt-caroline/p/4890711.html 
  • HTML+CSS抗疫期末大作业:抗疫网站设计——新冠抗疫(4页) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物...
  • 1.html班级网页设计模板 2.html动漫网页设计模板 3.html个人网页设计模板 4.html化妆品网页设计模板 5.html咖啡网页设计模板 6.html旅游网页设计模板 7.html商城网页设计模板 8.html书店网页设计模板 9.html公司网页...
  • html—登录及注册页面设计

    万次阅读 多人点赞 2019-09-25 06:38:53
    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> 登录页面 .bordered { border-style:solid; width:600px; height:300px; } #bg{ width...
  • HTML期末设计——代码篇

    万次阅读 多人点赞 2020-06-22 23:55:24
    这个网页设计也就是用了我学到的知识做的一个中规中矩的网页,可以给以后的大一新生们做个参考,和商业网站的效果肯定是没得比的,期望太高的可以关掉了,要严词批评我的请不要在我这说,当然,温柔的话,可以 ...
  • 本章介绍Django搭建中医网站项目平台的新闻数据API接口数据定义的内容。其中由于代码量较大,因此部分模块代码举例说明,...创建base.html2.其他继承base.html页面3.href的编写4.for循环数据遍历5.插入include方法6.图
  • 网页设计实训心得体会范文

    千次阅读 2021-06-13 08:21:48
    网页设计实训心得体会范文我们得到了一些心得体会以后,可以记录在心得体会中,如此可以一直更新迭代自己的想法。那么要如何写呢?下面是小编帮大家整理的网页设计实训心得体会范文,欢迎阅读与收藏。网页设计实训...
  • 使用HTML制作一个简单的个人主页

    万次阅读 多人点赞 2020-10-09 23:06:21
    此网页我对html有了一个简单,初步的认识后制作的一个网页,主要目的是练习html的一些简单操作,由于时间关系,有很多做的不好,细节处理不到位的地方。 废话不多说,先来看效果 1、首页 这一个网页就是进行了网页...
  • html】前端页面可视化设计工具总结

    万次阅读 多人点赞 2019-09-16 21:11:55
    在进行网站设计时,我们可以通过借助现有的html模板,在适当地修改后,变为适合需求的web界面。因此,对于一个后端的程序员来说,找到一个合适的html模板就变得非常重要。 目录 1. 源码之家 2. Bootstrap ...
  • VS2017如何解决打开html文件没有设计视图的问题

    千次阅读 热门讨论 2019-08-11 22:30:49
    前言:前阵子敲牛腩的时候发现自己的VS里没有视频里右下角的设计、拆分、源文件选项,导致视频里一些设计操作自己没法弄,因此自己查了查,写篇博客作为记录。 1.点击菜单中的工具-选项 2.打开文本编辑器-文件...
  • 制作一个简单HTML个人网页网页(HTML+CSS)

    万次阅读 多人点赞 2022-03-09 14:11:46
    一个简单的HTML网页,这是我大学的一个期末作业,照片都是网上找的 看一下成品图 主页代码,这里的是引入css样的,images里面装的是css文件 <!DOCTYPE html > <html > <head> <meta ...
  • <body> <div class="纯色背景div"></div> </body>

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,911,879
精华内容 764,751
关键字:

html设计