HTML 당당 홈페이지 예시-HTML 튜토리얼-php.cn

집
웹 프론트엔드
HTML 튜토리얼
HTML 당당 홈페이지 예시
May 11, 2018 am 11:58 AM
html 예
이 글은 주로 HTML을 사용하여 Dangdang.com 홈페이지를 작성하는 방법에 대해 설명합니다. 이 경우에 관심이 있는 친구들은 참고할 수 있습니다.
html 코드는 다음과 같습니다.
&lt;!DOCTYPE html&gt;  
&lt;html&gt;  
&lt;head&gt;  
    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;  
    &lt;title&gt;当当网首页&lt;/title&gt;  
    &lt;link href=&quot;css/global.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;  
    &lt;link href=&quot;css/layout.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;  
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-1.8.3.js&quot;&gt;&lt;/script&gt;  
    &lt;script type=&quot;text/javascript&quot; src=&quot;js/index.js&quot;&gt;&lt;/script&gt;  
&lt;/head&gt;  
&lt;body&gt;  
&lt;!--随滚动条滚动可关闭广告--&gt;  
&lt;div id=&quot;right&quot; class=&quot;right&quot;&gt;  
    &lt;div class=&quot;dd_close&quot; id=&quot;dd_close&quot;&gt;&lt;a href=&quot;javascript:void(0);&quot;&gt;关闭&lt;/a&gt;&lt;/div&gt;  
    &lt;img src=&quot;images/dd_scroll.jpg&quot; id=&quot;right1&quot; /&gt;  
&lt;/div&gt;  
&lt;!--头部iframe引入--&gt;  
&lt;div id=&quot;header&quot;&gt;  
    &lt;iframe src=&quot;header.html&quot; height=&quot;155px&quot; width=&quot;960px&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;  
&lt;/div&gt;  
&lt;!--网站中间内容开始--&gt;  
&lt;div id=&quot;main&quot;&gt;  
    &lt;div class=&quot;dd_index_top_adver&quot;&gt;&lt;img src=&quot;images/dd_index_top_adver.jpg&quot; alt=&quot;通栏广告图片&quot; /&gt;&lt;/div&gt;  
    &lt;!--左侧菜单开始--&gt;  
    &lt;div id=&quot;catList&quot;&gt;  
        &lt;!--推荐分类--&gt;  
        &lt;div class=&quot;book_sort&quot;&gt;  
            &lt;div class=&quot;book_sort_bg&quot;&gt;推荐分类&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot; style=&quot;border-bottom:0px;&quot;&gt;外语 | 中小学教辅 |&lt;/div&gt;  
        &lt;/div&gt;  
        &lt;!--图书商品分类开始--&gt;  
        &lt;div class=&quot;book_sort&quot;&gt;  
            &lt;div class=&quot;book_sort_bg&quot;&gt;&lt;img src=&quot;images/dd_book_cate_icon.gif&quot; alt=&quot;图书&quot; /&gt; 图书商品分类&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[小说]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;悬疑 | 言情 | 职场 | 财经&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[文艺]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;文学 | 传记 | 艺术 | 摄影&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[青春]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;青春文学 | 动漫 | 幽默&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[励志/成功]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;修养 | 成功 | 职场 | 沟通&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[少儿]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;0-2 | 3-6 | 7-10 | 11-14&lt;br /&gt;文学 | 科普 | 图画书&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[生活]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;保健 | 家教 | 美丽装扮 | 育儿 | 美食 | 旅游 | 收藏 | 生活 | 体育 | 地图 | 个人理财&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[个人社科]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;文化 | 历史 | 哲学/宗教 | 古籍 | 政治/历史 | 法律 | 经济 | 社会科学 | 心理学&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[管理]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;管理 | 金融 | 营销 | 会计&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[科技]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;科普 | 建筑 | 医学 | 计算机 | 农林 | 自然科学 | 工业 | 通信&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[教育]&lt;/div&gt;  
            &lt;div class=&quot;book_sort_bottom&quot;&gt;教材 | 中小学教辅 | 外语&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[工具书]&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[图外原版书]&lt;/div&gt;  
            &lt;div class=&quot;book_cate&quot;&gt;[期刊]&lt;/div&gt;  
        &lt;/div&gt;  
        &lt;!--图书商品分类结束--&gt;  
    &lt;/div&gt;  
    &lt;!--左侧菜单结束--&gt;  
    &lt;!--中间部分开始--&gt;  
    &lt;div id=&quot;content&quot;&gt;  
        &lt;!--轮换显示的横幅广告图片--&gt;  
        &lt;div class=&quot;scroll_top&quot;&gt;&lt;/div&gt;  
        &lt;div class=&quot;scroll_mid&quot;&gt;  
            &lt;ul id=&quot;scroll_img&quot;&gt;  
                &lt;li&gt;&lt;img src=&quot;images/dd_scroll_1.jpg&quot;/&gt;&lt;/li&gt;  
                &lt;li&gt;&lt;img src=&quot;images/dd_scroll_2.jpg&quot;/&gt;&lt;/li&gt;  
                &lt;li&gt;&lt;img src=&quot;images/dd_scroll_3.jpg&quot;/&gt;&lt;/li&gt;  
                &lt;li&gt;&lt;img src=&quot;images/dd_scroll_4.jpg&quot;/&gt;&lt;/li&gt;  
                &lt;li&gt;&lt;img src=&quot;images/dd_scroll_5.jpg&quot;/&gt;&lt;/li&gt;  
                &lt;li&gt;&lt;img src=&quot;images/dd_scroll_6.jpg&quot;/&gt;&lt;/li&gt;  
            &lt;/ul&gt;  
            &lt;ul id=&quot;scroll_number&quot;&gt;  
                &lt;li&gt;1&lt;/li&gt;  
                &lt;li&gt;2&lt;/li&gt;  
                &lt;li&gt;3&lt;/li&gt;  
                &lt;li&gt;4&lt;/li&gt;  
                &lt;li&gt;5&lt;/li&gt;  
                &lt;li&gt;6&lt;/li&gt;  
            &lt;/ul&gt;  
        &lt;/div&gt;  
        &lt;div class=&quot;scroll_end&quot;&gt;&lt;/div&gt;  
        &lt;!--最新上架开始--&gt;  
        &lt;div id=&quot;bookTab&quot; class=&quot;book_sort&quot;&gt;  
            &lt;div class=&quot;book_new&quot;&gt;  
                &lt;div class=&quot;book_left&quot;&gt;最新上架&lt;/div&gt;  
                &lt;div class=&quot;book_type book_type_out&quot; id=&quot;history&quot;&gt;历史&lt;/div&gt;  
                &lt;div class=&quot;book_type&quot; id=&quot;family&quot;&gt;家教&lt;/div&gt;  
                &lt;div class=&quot;book_type&quot; id=&quot;culture&quot;&gt;文化&lt;/div&gt;  
                &lt;div class=&quot;book_type&quot; id=&quot;novel&quot;&gt;小说&lt;/div&gt;  
                &lt;div class=&quot;book_right&quot;&gt;&lt;a href=&quot;#&quot;&gt;更多&gt;&gt;&lt;/a&gt;&lt;/div&gt;  
            &lt;/div&gt;  
            &lt;div class=&quot;book_class&quot; style=&quot;height:250px;&quot;&gt;  
                &lt;!--历史--&gt;  
                &lt;dl id=&quot;book_history&quot;&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_history_1.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;《中国时代》（上）&lt;/font&gt;&lt;br /&gt;  
                        作者：师永刚，邹明　主编 &lt;br /&gt;  
                        出版社：作家出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥39.00&lt;br /&gt;  
                        当当价：￥27.00  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_history_2.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;中国历史的屈辱&lt;/font&gt;&lt;br /&gt;  
                        作者：王重旭　著 &lt;br /&gt;  
                        出版社：华夏出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年11月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥26.00&lt;br /&gt;  
                        当当价：￥18.20  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_history_3.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;《中国时代》（下）&lt;/font&gt;&lt;br /&gt;  
                        作者：师永刚，邹明　主编 &lt;br /&gt;  
                        出版社：作家出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt; 出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥38.00&lt;br /&gt;  
                        当当价：￥26.30  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_history_4.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;大家国学十六讲&lt;/font&gt;&lt;br /&gt;  
                        作者：张荫麟，吕思勉 著 &lt;br /&gt;  
                        出版社：中国友谊出版公司 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥19.80&lt;br /&gt;  
                        当当价：￥13.70  
                    &lt;/dd&gt;  
                &lt;/dl&gt;  
                &lt;!--家教--&gt;  
                &lt;dl id=&quot;book_family&quot; class=&quot;book_none&quot;&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_family_1.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;嘿，我知道你&lt;/font&gt;&lt;br /&gt;  
                        作者：兰海　著 &lt;br /&gt;  
                        出版社：中国妇女出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.80&lt;br /&gt;  
                        当当价：￥17.90  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_family_2.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;择业要趁早&lt;/font&gt;&lt;br /&gt;  
                        作者：（美）列文&lt;br /&gt;  
                        出版社：海天出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥19.30  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_family_3.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;爷爷奶奶的“孙子兵法”&lt;/font&gt;&lt;br /&gt;  
                        作者：伏建全 编著 &lt;br /&gt;  
                        出版社：地震出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt; 出版时间：2009年8月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥17.40  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_family_4.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;1分钟读懂孩子心理&lt;/font&gt;&lt;br /&gt;  
                        作者：海韵　著 &lt;br /&gt;  
                        出版社：朝华出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥17.40  
                    &lt;/dd&gt;  
                &lt;/dl&gt;  
                &lt;!--文化--&gt;  
                &lt;dl id=&quot;book_culture&quot; class=&quot;book_none&quot;&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_culture_1.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;嘿，我知道你&lt;/font&gt;&lt;br /&gt;  
                        作者：兰海　著 &lt;br /&gt;  
                        出版社：中国妇女出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.80&lt;br /&gt;  
                        当当价：￥17.90  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_culture_2.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;择业要趁早&lt;/font&gt;&lt;br /&gt;  
                        作者：（美）列文 &lt;br /&gt;  
                        出版社：海天出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥19.30  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_culture_3.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;爷爷奶奶的“孙子兵法”&lt;/font&gt;&lt;br /&gt;  
                        作者：伏建全 编著 &lt;br /&gt;  
                        出版社：地震出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt; 出版时间：2009年8月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥17.40  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_culture_4.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;1分钟读懂孩子心理&lt;/font&gt;&lt;br /&gt;  
                        作者：海韵　著 &lt;br /&gt;  
                        出版社：朝华出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥17.40  
                    &lt;/dd&gt;  
                &lt;/dl&gt;  
                &lt;!--小说--&gt;  
                &lt;dl id=&quot;book_novel&quot; class=&quot;book_none&quot;&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_novel_1.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;嘿，我知道你&lt;/font&gt;&lt;br /&gt;  
                        作者：兰海　著 &lt;br /&gt;  
                        出版社：中国妇女出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.80&lt;br /&gt;  
                        当当价：￥17.90  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_novel_2.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;择业要趁早&lt;/font&gt;&lt;br /&gt;  
                        作者：（美）列文 &lt;br /&gt;  
                        出版社：海天出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥19.30  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_novel_3.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;爷爷奶奶的“孙子兵法”&lt;/font&gt;&lt;br /&gt;  
                        作者：伏建全 编著 &lt;br /&gt;  
                        出版社：地震出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt; 出版时间：2009年8月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥17.40  
                    &lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_novel_4.jpg&quot; alt=&quot;history&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;  
                        &lt;font class=&quot;book_title&quot;&gt;1分钟读懂孩子心理&lt;/font&gt;&lt;br /&gt;  
                        作者：海韵　著 &lt;br /&gt;  
                        出版社：朝华出版社 &lt;br /&gt;  
                        &lt;font class=&quot;book_publish&quot;&gt;出版时间：2009年10月&lt;/font&gt;&lt;br /&gt;  
                        定价：￥28.00&lt;br /&gt;  
                        当当价：￥17.40  
                    &lt;/dd&gt;  
                &lt;/dl&gt;  
            &lt;/div&gt;  
        &lt;/div&gt;  
        &lt;!--重点关注--&gt;  
        &lt;div class=&quot;book_sort&quot;&gt;  
            &lt;div class=&quot;book_new&quot;&gt;  
                &lt;div class=&quot;book_left&quot;&gt;重点关注&lt;/div&gt;  
            &lt;/div&gt;  
            &lt;div class=&quot;book_class&quot; style=&quot;height:380px;&quot;&gt;  
                &lt;dl id=&quot;book_focus&quot;&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_focus_1.jpg&quot; alt=&quot;focus&quot;/&gt;&lt;/dt&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_focus_2.jpg&quot; alt=&quot;focus&quot;/&gt;&lt;/dt&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_focus_3.jpg&quot; alt=&quot;focus&quot;/&gt;&lt;/dt&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_focus_4.jpg&quot; alt=&quot;focus&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;郑玉巧育儿经·幼儿卷&lt;/a&gt;&lt;/dd&gt;  
                    &lt;dd&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;蹦蹦和跳跳的故事(全10册)&lt;/a&gt;&lt;/dd&gt;  
                    &lt;dd&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;人体自有大药(让每一个人都能变成...&lt;/a&gt;&lt;/dd&gt;  
                    &lt;dd&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;特效穴位使用手册&lt;/a&gt;&lt;/dd&gt;  
                    &lt;dd&gt;定价：￥49.80&lt;br /&gt;  
                        当当价：￥32.00&lt;/dd&gt;  
                    &lt;dd&gt;定价：￥50.00&lt;br /&gt;  
                        当当价：￥33.00&lt;/dd&gt;  
                    &lt;dd&gt;定价：￥29.00&lt;br /&gt;  
                        当当价：￥19.40&lt;/dd&gt;  
                    &lt;dd&gt;定价：￥29.00&lt;br /&gt;  
                        当当价：￥19.40&lt;/dd&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_focus_5.jpg&quot; alt=&quot;focus&quot;/&gt;&lt;/dt&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_focus_6.jpg&quot; alt=&quot;focus&quot;/&gt;&lt;/dt&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_focus_7.jpg&quot; alt=&quot;focus&quot;/&gt;&lt;/dt&gt;  
                    &lt;dt&gt;&lt;img src=&quot;images/dd_focus_8.jpg&quot; alt=&quot;focus&quot;/&gt;&lt;/dt&gt;  
                    &lt;dd&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;《猫武士系列》（全6册）&lt;/a&gt;&lt;/dd&gt;  
                    &lt;dd&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;求医不如求己养生救命大宝典&lt;/a&gt;&lt;/dd&gt;  
                    &lt;dd&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;雅思词汇词根+联想记忆法&lt;/a&gt;&lt;/dd&gt;  
                    &lt;dd&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;等待Nemo的日子&lt;/a&gt;&lt;/dd&gt;  
                    &lt;dd&gt;定价：￥120.00&lt;br /&gt;  
                        当当价：￥79.20&lt;/dd&gt;  
                    &lt;dd&gt;定价：￥198.00&lt;br /&gt;  
                        当当价：￥116.90&lt;/dd&gt;  
                    &lt;dd&gt;定价：￥28.00&lt;br /&gt;  
                        当当价：￥18.70&lt;/dd&gt;  
                    &lt;dd&gt;定价：￥26.00&lt;br /&gt;  
                        当当价：￥17.90&lt;/dd&gt;  
                &lt;/dl&gt;  
            &lt;/div&gt;  
        &lt;/div&gt;  
    &lt;/div&gt;  
    &lt;!--中间部分结束--&gt;  
    &lt;!--右侧部分开始--&gt;  
    &lt;div id=&quot;silder&quot;&gt;  
        &lt;!--书讯快递--&gt;  
        &lt;div class=&quot;book_sort&quot;&gt;  
            &lt;div class=&quot;book_sort_bg&quot;&gt;&lt;img src=&quot;images/dd_book_mess.gif&quot; alt=&quot;mess&quot; style=&quot; vertical-align:text-bottom;&quot;/&gt;书讯快递&lt;/div&gt;  
            &lt;div class=&quot;book_class&quot;&gt;  
                &lt;div id=&quot;dome&quot;&gt;  
                    &lt;div id=&quot;dome1&quot;&gt;  
                        &lt;ul id=&quot;express&quot;&gt;  
                            &lt;li&gt;・2010考研英语大纲到货75折...&lt;/li&gt;  
                            &lt;li&gt;・权威定本四大名著（人民文...&lt;/li&gt;  
                            &lt;li&gt;・口述历史权威唐德刚先生国...&lt;/li&gt;  
                            &lt;li&gt;・袁伟民与体坛风云：实话实...&lt;/li&gt;  
                            &lt;li&gt;・我们台湾这些年：轰动两岸...&lt;/li&gt;  
                            &lt;li&gt;・畅销教辅推荐：精品套书50...&lt;/li&gt;  
                            &lt;li&gt;・2010版法律硕士联考大纲75...&lt;/li&gt;  
                            &lt;li&gt;・计算机新书畅销书75折抢购&lt;/li&gt;  
                            &lt;li&gt;・2009年孩子最喜欢的书&gt;&gt;&lt;/li&gt;  
                            &lt;li&gt;・弗洛伊德作品精选集59折&lt;/li&gt;  
                            &lt;li&gt;・2010考研英语大纲到货75折...&lt;/li&gt;  
                            &lt;li&gt;・权威定本四大名著（人民文...&lt;/li&gt;  
                            &lt;li&gt;・口述历史权威唐德刚先生国...&lt;/li&gt;  
                            &lt;li&gt;・袁伟民与体坛风云：实话实...&lt;/li&gt;  
                            &lt;li&gt;・我们台湾这些年：轰动两岸...&lt;/li&gt;  
                            &lt;li&gt;・畅销教辅推荐：精品套书50...&lt;/li&gt;  
                            &lt;li&gt;・2010版法律硕士联考大纲75...&lt;/li&gt;  
                            &lt;li&gt;・计算机新书畅销书75折抢购&lt;/li&gt;  
                            &lt;li&gt;・2009年孩子最喜欢的书&gt;&gt;&lt;/li&gt;  
                            &lt;li&gt;・弗洛伊德作品精选集59折&lt;/li&gt;  
                            &lt;li&gt;・2010考研英语大纲到货75折...&lt;/li&gt;  
                            &lt;li&gt;・权威定本四大名著（人民文...&lt;/li&gt;  
                            &lt;li&gt;・口述历史权威唐德刚先生国...&lt;/li&gt;  
                            &lt;li&gt;・袁伟民与体坛风云：实话实...&lt;/li&gt;  
                            &lt;li&gt;・我们台湾这些年：轰动两岸...&lt;/li&gt;  
                            &lt;li&gt;・畅销教辅推荐：精品套书50...&lt;/li&gt;  
                            &lt;li&gt;・2010版法律硕士联考大纲75...&lt;/li&gt;  
                            &lt;li&gt;・计算机新书畅销书75折抢购&lt;/li&gt;  
                            &lt;li&gt;・2009年孩子最喜欢的书&gt;&gt;&lt;/li&gt;  
                            &lt;li&gt;・弗洛伊德作品精选集59折&lt;/li&gt;  
                            &lt;li&gt;・2010考研英语大纲到货75折...&lt;/li&gt;  
                            &lt;li&gt;・权威定本四大名著（人民文...&lt;/li&gt;  
                            &lt;li&gt;・口述历史权威唐德刚先生国...&lt;/li&gt;  
                            &lt;li&gt;・袁伟民与体坛风云：实话实...&lt;/li&gt;  
                            &lt;li&gt;・我们台湾这些年：轰动两岸...&lt;/li&gt;  
                            &lt;li&gt;・畅销教辅推荐：精品套书50...&lt;/li&gt;  
                            &lt;li&gt;・2010版法律硕士联考大纲75...&lt;/li&gt;  
                            &lt;li&gt;・计算机新书畅销书75折抢购&lt;/li&gt;  
                            &lt;li&gt;・2009年孩子最喜欢的书&gt;&gt;&lt;/li&gt;  
                            &lt;li&gt;・弗洛伊德作品精选集59折&lt;/li&gt;  
                        &lt;/ul&gt;  
                    &lt;/div&gt;  
                &lt;/div&gt;  
            &lt;/div&gt;  
            &lt;div class=&quot;book_express_avder&quot;&gt; &lt;img src=&quot;images/dd_book_right_adver1.jpg&quot; alt=&quot;adver&quot; style=&quot;margin-bottom:5px;&quot; /&gt; &lt;img src=&quot;images/dd_book_right_adver2.gif&quot; alt=&quot;adver&quot; /&gt; &lt;/div&gt;  
        &lt;/div&gt;  
        &lt;!--近7日畅销榜--&gt;  
        &lt;div class=&quot;book_sort&quot;&gt;  
            &lt;div class=&quot;book_seven_title&quot;&gt;近7日畅销榜 &lt;img src=&quot;images/dd_bang.gif&quot; alt=&quot;bang&quot; style=&quot;vertical-align:top;&quot;/&gt;&lt;/div&gt;  
            &lt;div class=&quot;book_seven_border&quot;&gt;  
                &lt;div class=&quot;book_seven_top&quot;&gt;  
                    &lt;ul id=&quot;book_seven_cate&quot;&gt;  
                        &lt;li&gt;动漫&lt;/li&gt;  
                        &lt;li&gt;小说&lt;/li&gt;  
                        &lt;li&gt;外语&lt;/li&gt;  
                        &lt;li&gt;旅游&lt;/li&gt;  
                        &lt;li&gt;励志&lt;/li&gt;  
                    &lt;/ul&gt;  
                &lt;/div&gt;  
                &lt;div class=&quot;book_seven_content&quot;&gt;  
                    &lt;div class=&quot;book_seven_content_left&quot;&gt;  
                        &lt;dl id=&quot;book_seven_number&quot;&gt;  
                            &lt;dt&gt;&lt;img src=&quot;images/dd_book_no_01.gif&quot; alt=&quot;book&quot;/&gt;&lt;/dt&gt;  
                            &lt;dt&gt;&lt;img src=&quot;images/dd_book_no_02.gif&quot; alt=&quot;book&quot;/&gt;&lt;/dt&gt;  
                            &lt;dt&gt;&lt;img src=&quot;images/dd_book_no_03.gif&quot; alt=&quot;book&quot;/&gt;&lt;/dt&gt;  
                            &lt;dd&gt;&lt;img src=&quot;images/dd_book_no_04.gif&quot; alt=&quot;book&quot;/&gt;&lt;/dd&gt;  
                            &lt;dd&gt;&lt;img src=&quot;images/dd_book_no_05.gif&quot; alt=&quot;book&quot;/&gt;&lt;/dd&gt;  
                            &lt;dd&gt;&lt;img src=&quot;images/dd_book_no_06.gif&quot; alt=&quot;book&quot;/&gt;&lt;/dd&gt;  
                            &lt;dd&gt;&lt;img src=&quot;images/dd_book_no_07.gif&quot; alt=&quot;book&quot;/&gt;&lt;/dd&gt;  
                            &lt;dd&gt;&lt;img src=&quot;images/dd_book_no_08.gif&quot; alt=&quot;book&quot;/&gt;&lt;/dd&gt;  
                        &lt;/dl&gt;  
                    &lt;/div&gt;  
                    &lt;div class=&quot;book_seven_content_right&quot;&gt;  
                        &lt;!--励志开始--&gt;  
                        &lt;div id=&quot;book_seven_hearten&quot;&gt;  
                            &lt;dl&gt;  
                                &lt;dt&gt;&lt;img src=&quot;images/dd_seven_hearten_01.jpg&quot; alt=&quot;hearten&quot; /&gt;&lt;/dt&gt;  
                                &lt;dd&gt;  
                                    &lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;不抱怨的世界&lt;/a&gt;&lt;br /&gt;  
                                    作者：（美）鲍温&lt;br /&gt;  
                                    出版社：陕西师范&lt;br /&gt;  
                                    出版时间：2009年4月  
                                &lt;/dd&gt;  
                                &lt;dt&gt;&lt;img src=&quot;images/dd_seven_hearten_02.jpg&quot; alt=&quot;hearten&quot; /&gt;&lt;/dt&gt;  
                                &lt;dd&gt;  
                                    &lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;遇见未知的自己&lt;/a&gt;&lt;br /&gt;  
                                    作者：张德芬 &lt;br /&gt;  
                                    出版社：华夏出版&lt;br /&gt;  
                                    出版时间：2008年1月  
                                &lt;/dd&gt;  
                                &lt;dt&gt;&lt;img src=&quot;images/dd_seven_hearten_03.jpg&quot; alt=&quot;hearten&quot; /&gt;&lt;/dt&gt;  
                                &lt;dd&gt;  
                                    &lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;活法&lt;/a&gt;&lt;br /&gt;  
                                    作者：（日）稻盛&lt;br /&gt;  
                                    出版社：东方出版&lt;br /&gt;  
                                    出版时间：2005年3月  
                                &lt;/dd&gt;  
                            &lt;/dl&gt;  
                            &lt;ul&gt;  
                                &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;高效能人士的七个习惯&lt;/a&gt;&lt;/li&gt;  
                                &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;被迫强大&lt;/a&gt;&lt;/li&gt;  
                                &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;遇见心想事成的自己&lt;/a&gt;&lt;/li&gt;  
                                &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;世界上最伟大的推销员&lt;/a&gt;&lt;/li&gt;  
                                &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;blue&quot;&gt;我的成功可以复制&lt;/a&gt;&lt;/li&gt;  
                            &lt;/ul&gt;  
                        &lt;/div&gt;  
                        &lt;!--励志结束--&gt;  
                    &lt;/div&gt;  
                &lt;/div&gt;  
            &lt;/div&gt;  
        &lt;/div&gt;  
    &lt;/div&gt;  
&lt;!--右侧部分结束--&gt;  
&lt;/div&gt;  
&lt;!--网站版权部分开始--&gt;  
&lt;div id=&quot;footer&quot;&gt;  
    &lt;div class=&quot;footer_top&quot;&gt;&lt;a href=&quot;#&quot; target=&quot;_parent&quot; class=&quot;footer_dull_red&quot;&gt;公司简介&lt;/a&gt; | &lt;a href=&quot;#&quot; target=&quot;_parent&quot; class=&quot;footer_dull_red&quot;&gt;诚证英才&lt;/a&gt; | &lt;a href=&quot;#&quot; target=&quot;_parent&quot; class=&quot;footer_dull_red&quot;&gt;网站联盟&lt;/a&gt; | &lt;a href=&quot;#&quot; target=&quot;_parent&quot; class=&quot;footer_dull_red&quot;&gt;百货招商&lt;/a&gt; | &lt;a href=&quot;#&quot; target=&quot;_parent&quot; class=&quot;footer_dull_red&quot;&gt;交易条款&lt;/a&gt;&lt;/div&gt;  
    &lt;iframe src=&quot;footer.html&quot; height=&quot;50px&quot; width=&quot;900px&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;  
&lt;/div&gt;  
&lt;/body&gt;  
&lt;/html&gt;
로그인 후 복사
관련 권장 사항:
jQuery는 Alipay 홈페이지 포커스 이미지 효과를 모방합니다.
JS 홈페이지 뉴스 슬라이딩 효과
css는 i를 기준으로 사용합니다. mitate 바이두 홈페이지 최고
위 내용은 HTML 당당 홈페이지 예시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.