html网页编辑 图片总是加载不出

qq_42588758 2018-07-02 01:38:54

<!DOCTYPE html>
<html>
<head>
<title>福建人民政府</title>
<style>
<!--
body{
background:#2184C6;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol{
font-size:12px;
font-weight:normal;
margin:0px;
padding:0px;
}
img{border:0px;
}
ul,ol{list-style:none;
}
a{text-decoration:none;
}
/*在中间加入样式*/

/*任务一、布局 开始*/
#container{width:1020px;
margin:10px auto;
}
#shijian{background:#28DBFC;
height:39px;
}
#shijian h1{padding:13px;
float:left;
}
#shijian a:hover{color:red;
text-decoration:underline;
}
#fujian{height:160px;
width:1020px;
}
#shouye{background:#D7EAF8;
height:45px;
border-bottom:5px solid red;
}
#shouye li{float:left;
}
#shouye li a{display:block;
width:150px;
height:35px;
text-align:center;
padding-top:15px;
}
#shouye a:link{font-weight:900;
font-size:20px;
}
#shouye a:hover{background-color:yellow;
color:#FFFFFF;
}
#conter{margin-top:20px;
}
#tupian{
height:310px;
width:620px;
background:yellow;
float:left;
}
#yaowen{background:#D7EAF8;
height:310px;
width:400px;
float:right;
}
#yaowen h2{font-size:15px;
margin:10px;
float:left;
display:block;
width:80px;
height:30px;
padding-top:8px;
}
#yaowen h2 a:hover{color:#646F30;
}
#yaowen li{clear:both;
padding-left:18px;
margin-top:15px;
background:url(dian.png) no-repeat 0px 7px;
}
#yaowen li a:hover{color:red;
text-decoration:underline;
}
#yaowen li a{font-size:15px;
color:black;
}
#left{ float:left;
}
#wen1{height:220px;width:340px;float:left;}
#wen1 h2{font-size:15px;padding-left:12px;margin-top:15px;}
#wen1 ul{margin:20px;line-height:160%;}
#wen1 li{padding-left:10px;margin-top:15px;
background:url(dian.png) no-repeat 0px 5px;}
#wen1 a:hover{color:red;text-decoration:underline;}
#wen1 li a{font-size:12px;color:black;}
#wen2{height:220px;width:360px;float:left;}
#wen2 h2{font-size:15px;padding-left:12px;margin-top:15px;}
#wen2 ul{margin:20px;line-height:160%;}
#wen2 li{padding-left:10px;margin-top:15px;
background:url(dian.png) no-repeat 0px 5px;}
#wen2 a:hover{color:red;text-decoration:underline;}
#wen2 li a{font-size:13px;color:black;}
#qinxin{height:220px;width:320px;float:right;}
#qinxin h2{font-size:15px;padding-left:12px;margin-top:15px;}
#qinxin ul{text-align:center;}
#qinxin li{margin-top:25px;}
#wen3{height:220px;width:360px;float:left;}
#wen3 h2{font-size:15px;margin:10px;float:left;display:block;width:80px;
height:30px;}
#wen3 img{border:1px solid red;}
#wen3 li a:hover{color:#646F30;text-decoration:underline;}
#wen3 li{float:left;margin-left:7px;margin-right:3px;margin-top:10px;}
#wen4{height:220px;width:340px;float:left;}
#wen4 h2{font-size:15px;margin:10px;float:left;display:block;
width:80px;height:30px;}
#wen4 li a:hover{color:#646F30;text-decoration:underline;}
#wen4 li{float:left;margin-left:7px;margin-right:3px;margin-top:10px;}
#zhenfu{height:220px;width:320px;float:right;}
#zhenfu h2{font-size:15px;margin:10px;float:left;display:block;
width:70px;height:30px;}
#zhenfu h2 a:hover{color:#646F30;text-decoration:underline;}
#zhenfu li{clear:both;padding-left:18px;margin-top:15px;
background:url(dian.png) no-repeat 0px 7px;}
#zhenfu a:hover{color:red;text-decoration:underline;}
#zhenfu li a{font-size:15px;color:black;}
#wen5{height:240px;width:340px;float:left;}
#wen5 h2{font-size:15px;padding-left:12px;margin-top:15px;}
#wen5 ul{margin:20px;line-height:160%;}
#wen5 li{padding-left:10px;margin-top:15px;
background:url(dian.png) no-repeat 0px 5px;}
#wen5 a:hover{color:red;text-decoration:underline;}
#wen5 li a{font-size:12px;color:black;}
#wen6{
height:240px;
width:360px;
float:left;
}
#wen6 h2{
font-size:15px;
padding-left:12px;
margin-top:15px;
}
#wen6 ul{
margin:20px;
line-height:160%;
}
#wen6 li{
padding-left:10px;
margin-top:15px;
background:url(dian.png) no-repeat 0px 5px;
}
#wen6 a:hover{
color:red;
text-decoration:underline;
}
#wen6 li a{
font-size:12px;
color:black;
}
#hudong{
height:240px;
width:320px;
float:right;
}
#hudong li{
margin-top:10px;
}
#hudong a:hover{
color:red;
text-decoration:underline;
}
#hudong li a{
font-size:15px;
color:black;
}
#zhenwu{height:270px;width:700px;float:left;}
#zhenwu li a{display:block;width:150px;height:35px;text-align:center;
padding-top:10px;background-color: red;color:white;}
#zhenwu a:link{font-weight:900;font-size:20px;}
#zhenwu a:hover{color:white;}
#wangshang{height:270px;width:320px;float:right;}
#wangshang h2{font-size:15px;padding-left:12px;margin-top:15px;
margin-bottom:12px;float:left;}
#wangshang ul{margin:20px;line-height:160%;}
#wangshang li{padding-left:10px;margin-top:15px;
background:url(dian.png) no-repeat 0px 5px;clear:both;}
#wangshang a:hover{color:red;text-decoration:underline;}
#wangshang li a{font-size:15px;color:black;}
#wangshang h3{font-size:20px;padding-left:15px;margin-bottom:5px;
float:left;border:1px solid #DDDDDD;}
#wangshang h3:hover{color:red;text-decoration:underline;}
#bottom{padding-top:80px;clear:both }
#shenzhenfu{height:40px;width:1020px;border:1px solid #DDDDDD;}
#shenzhenfu h2{padding:7px;float:left;text-align:center;font-size:15px;}
#shenzhenfu h2:hover{color:#646F30;text-decoration:underline;}
#lianjie{
height:40px;
width:1020px;
border:1px solid #DDDDDD;
margin-top:10px;
}
#lianjie h2{
padding:7px;
float:left;
font-size:15px;
}
#lianjie h2:hover{
color:#646F30;
text-decoration:underline;
}
#tuwen{height:210px;width:1020px;background:#EAEAEA;
margin-top:30px;}
#tuwen1{height:40px;width:1020px;margin-top:5px;}
#tuwen1 li a{float:left;padding-left:50px;padding-top:15px;}
#tuwen1 a:hover{text-decoration:underline;}
#tuwen2{height:130px;width:210px;float:left;}
#tuwen3{height:130px;width:550px;float:left;}
#tuwen3 li{padding-left:35px;padding-top:15px;font-size:15px;}
#tuwen4{height:130px;width:260px;float:right;}
.font_red{color:red;}
.font_black{color:black;}
-->
</style>
</head>
<body>
<div id="container">
<div id="top">
<div id="shijian">
<h1>2018年06月20日 星期三 泉州： 今天夜间：小雨 夜间低温：24摄氏度 更多>></h1>
<h1><a href="#">手机门户 |</a></h1>
<h1><a href="#">微信微博 |</a></h1>
<h1><a href="#">邮箱 |</a></h1>
<h1><a href="#">简体版 |</a></h1>
<h1><a href="#">繁體版 |</a></h1>
<h1><a href="#">English |</a></h1>
<h1><a href="#">无障碍浏览</a></h1>
</div>
<div id="fujian">
<div> <img src="res/2016szf_bg.jpg" width="1020"></div>
</div>
<div id="shouye"><ul>
<li><a href="#">首页</a></li>
<li><a href="#">省政府</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">政府</a></li>
<li><a href="#">互动</a></li>
<li><a href="#">服务</a></li></ul>
</div>
</div>
<div id="conter">
<div id="tupian"></div>
<div id="yaowen">
<h2><a href="#">福建要闻</a></h2>
<h2><a href="#">国务院信息</a></h2>
<h2><a href="#">国务院文件</a></h2>
<ul><li><a href="#">贯彻新发展理念 推动高质量发展06-21</a></li>
<li><a href="#">省委常委会召开会议听取省党政代表团赴...06-21</a></li>
<li><a href="#">省纪委召开常委会（扩大）会议06-21</a></li>
<li><a href="#">省领导会见蒙古客人06-21</a></li>
<li><a href="#">专访省教育考试院院长陈明庆06-21</a></li>
<li><a href="#">省防指启动防暴雨Ⅳ级应急响应06-21</a></li>
<li><a href="#">中国科学院大学福建学院今年首次招生06-21</a></li>
<li><a href="#">激扬青春 筑梦前行06-21</a></li>
</ul>
</div>
</div>
<div id="left">
<div id="wen1">
<h2><a href="#"><h2 class="font_red">中国（福建）自由贸易试验区</h2></a></h2>
<ul>
<li><a href="#">福建自贸区出台深化两岸经济合作的多项举措</a></li>
<li><a href="#">福建自贸试验区建设再提速</a></li>
<li><a href="#">福建自贸试验区晒三年“成绩单” 已推出创新举措...</a></li>
<li><a href="#">福州自贸片区去年进口整车10049辆 位居全国第六</a></li>
<li><a href="#">厦门自贸片区推出132项贯彻落实《深改方案》试验...</a></li>
</ul>
</div>
<div id="wen2">
<h2><a href="#"><h2 class="font_red">21世纪海上丝绸之路核心区</h2></a></h2>
<ul>
<li><a href="#">第七届闽商论坛举行</a></li>
<li><a href="#">海丝文献馆揭牌</a></li>
<li><a href="#">福建自贸试验区晒三年“成绩单”已推出创新举措</a></li>
<li><a href="#">福州自贸片区去年进口整车10049辆 位居全国第六</a></li>
<li><a href="#">“福建品牌海丝行”促闽货走出去</a></li>
</ul>
</div>
<div id="qinxin"><h2><a href="#"><h2 class="font_red">清新福建</h2></a></h2>
<ul>
<li><a href="#"><img src="res/W020160122714221652224.jpg"></a></li>
</ul>
</div>
<div id="wen3">
<h2><a href="#"><h2 class="font_red">国务院信息</h2></a></h2>
<h2><a href="#"><h2 class="font_red">国务院文件</h2></a></h2>
<ul>
<li><a href="#"><img src="tupian5.png"><br>科院科技成果推介暨</a></li>

<li><a href="#"><img src="tupian4.png"><br>中国海峡人才市场成立</a></li>
</ul>
</div>
<div id="wen4">
<h2><a href="#"><h2 class="font_red">政策解读</h2></a></h2>
<h2><a href="#"><h2 class="font_red">数据统计</h2></a></h2>
<ul>
<li><a href="#"><img src="tupian6.png"><br>图解：6月22日省政府常务</a></li>
<li><a href="#"><img src="tupian7.png"><br>图解：6月1日省政府常务会</a></li>
</ul>
</div>
<div id="zhenfu">
<h2><a href="#"><h2 class="font_red">政府信息</h2></a></h2>
...全文
312 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
kindeditor--4.1.12 解决flash批量上传图片按钮不显示与支持video视频
没有多余插件
cnblogs-mdEditor：一个chrome插件，为了改善博客园markdown编辑器
cnblogs md编辑器 由于博客园的markdown编辑器不是很好用，撸了一个chrome插件，改善一下用户体验 功能/截图 高亮markdown代码 生成博文目录 添加盘古之白 注意：使用盘古之白时，emoji缩写的第一个冒号后面会被加...
WEB页面性能测试：页面加载过程+页面性能指标+页面性能工具实战课程
课程内容： 第一章：课程简介 1、课程介绍 2、课程大纲 第二章：页面性能测试 1、页面性能测试概念 2、页面性能测试专业术语 3、页面性能测试策略 第三章：页面加载过程 1、HTML概念，HTML5实例，HTML5文档 2、CSS...
风讯dotNETCMS 源码包 1.0 SP5 20110408.rar
9 关于5.0编辑器插入图片，不需要插入域名地址的情况 10 栏目导读标签，选择所有，调用不出栏目信息来 11 关于栏目图片、导读信息显示，在目前系统的标签里面暂没有此标签来实现(新增栏目列表标签) 12 后台添加...
风讯dotNETCMS 安装包 1.0 SP5 20110408.rar
9 关于5.0编辑器插入图片，不需要插入域名地址的情况 10 栏目导读标签，选择所有，调用不出栏目信息来 11 关于栏目图片、导读信息显示，在目前系统的标签里面暂没有此标签来实现(新增栏目列表标签) 12 后台添加...
其他

250

社区成员

6,555

社区内容

发帖
与我相关
我的任务
社区描述
其他产品/厂家
社区管理员
  • 其他
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章