web网页设计实例作业 ——丝绸之路 (6页) 简单个人网页设计作业静态HTML文化主题网页

云炬网络

已于 2024-01-12 12:06:53 修改

阅读量510

点赞数 1

分类专栏： HTML5大学生静态网页文章标签： html 前端 xhtml

于 2023-01-10 16:49:05 首次发布

本文链接：https://blog.csdn.net/m0_66999594/article/details/128632849

版权

HTML5大学生静态网页专栏收录该内容

36 篇文章 0 订阅

订阅专栏

一、作品展示>

二、文件目录>

三、代码实现>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>丝绸之路</title> <link href="css/css.css" rel="external nofollow" rel="stylesheet" media="screen" type="text/css" /> <script src="js/jquery.min.js"></script> <script src="js/jquery.flexslider-min.js"></script> <script type="text/javascript">$(window).load(function() {$('.flexslider').flexslider();}); </script> <link rel="stylesheet" href="css/lrtk.css" rel="external nofollow" type="text/css" media="screen" /> </head> <body> <div class="con"> <div class="head"> <div class="logo"><a href="index.html" rel="external nofollow" rel="external nofollow" ><img src="images/logo.png" /></a></div> <div class="nav"> <ul> <li><a href="index.html" rel="external nofollow" rel="external nofollow" >首页</a></li> <li><a href="html/gallery.html" rel="external nofollow" rel="external nofollow" >丝绸展览 </a></li> <li><a href="html/youzhi.html" rel="external nofollow" >优质丝绸</a></li> <li><a href="html/gezhong.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" >各种丝绸 </a></li> <li><a href="html/yangchan.html" rel="external nofollow" >养蚕艺术</a></li> <li><a href="html/liuyan.html" rel="external nofollow" rel="external nofollow" >留言建议 </a></li> </ul> </div> <div class="clear"></div>  <div class="clear"></div> </div> <div class="clear"></div> <div class="main"> <div class="left"> <div class=" l1"><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="images/sg.jpg" /></a></div> <div class="search"> <input class="s_input" /> </div> <div class="left_nav"> <ul> <li><a href="html/gezhong.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" >各种丝绸 </a><span><a href="html/gezhong.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" >23 </a></span></li> <li><a href="html/gallery.html" rel="external nofollow" rel="external nofollow" >丝绸展览 </a><span><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >10 </a></span></li> <li><a href="html/liuyan.html" rel="external nofollow" rel="external nofollow" >留言建议</a><span><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >0 </a></span></li> </ul> </div>

</div>  <div class="right"> <div class="dm"> <div class="flexslider"> <ul class="slides"> <li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > <img src="images/d1.jpg" width="900" /></a> </li> <li> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="images/d2.jpg" width="900" /></a> </li> <li> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="images/d3.jpg" width="900" /></a></li> <li> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="images/d4.jpg" width="900" /></a></li> </ul> </div> </div> <div class="right_nav"> <h2>推荐阅读</h2> <p>丝绸是中国古老文化的象征，中国古老的丝绸业为中华民族文化织绣了光辉的篇章，对促进世界人类文明的发展作出了不可磨灭的贡献。中国丝绸以其卓越的品质、精美的花色和丰富的文化内涵闻名于世。</p> <p>几千年前，当丝绸沿着古丝绸之路传向欧洲，它所带去的，不仅仅是一件件华美的服饰、饰品，更是东方古老灿烂的文明，丝绸从那时起，几乎就成为了东方文明的传播者和象征。目前已知的最早丝织物，是出土于距今约4700年良诸文化的遗址。</p> <p>中国是家蚕丝的发源地，养蚕，缫丝是中国古代在纤维利用上最重要的成就。早在新石器时代，中国已发明丝绸织造以及朱砂染色技术，此后随着织机的不断改进，印染技术的不断提高，丝织品种日益丰富，并形成了一个完整的染织工艺体系，使中国古代的丝绸染织技术领先于世界各国。</p> <p></p> <p></p>

</div>