HTML网页设计

买书，就上二手书海官方企业店，清仓处理，真实库存，特价正版，收藏店铺，优先发货! ps：下午三点之前的订单当天发货，之后明天发货，特殊情况除外。

罗昌、姜浩、许珂著；贾素玲、王强编 / 清华大学出版社 / 2007-05 / 平装

售价 3.03 1.4折

定价￥21.00

品相 八五品品相描述

优惠

运费

本店暂时无法向该地区发货

延迟发货说明

时间：

说明：

上书时间2024-02-20

数量: 库存9件

立即购买加入购物车收藏

卖家超过10天未登录

商品详情
店铺评价

手机购买

微信扫码访问

图书条目信息
图书 > 教材教辅考试 > 教材 > 大学教材 > 计算机与互联网
HTML网页设计
作者: 罗昌著；姜浩著；许珂著；贾素玲编；王强编

出版社: 清华大学出版社

出版时间: 2007-05

版次: 1

ISBN: 9787302146919

定价: 21.00

装帧: 平装

开本: 16开

纸张: 胶版纸

页数: 211页

字数: 338千字

正文语种: 简体中文
内容简介：

　　《HTML网页设计/高等学校计算机应用人才培养系列教材》共9章，将从HTML的基本知识开始，力图深入浅出地向读者介绍什么是HTML，以及如何运用HTML来设计网页。主要内容包括：HTML基础知识、创建一个HTML文件、文档格式化、使用图像和背景、表格布局、框架布局、使用表单收集数据、样式表和HTML高级主题。《HTML网页设计/高等学校计算机应用人才培养系列教材》每章末皆有小结和习题，可以帮助读者能较快地掌握各章的知识。书中的文字叙述通俗易懂、切入主题、并配有程序代码，能够让读者迅速地掌握HTMI。
　　《HTML网页设计/高等学校计算机应用人才培养系列教材》不仅可作为高等院校计算机专业教材，还适合作为广大网页设计人员和爱好者的参考资料。

目录：

第1章HTML基础知识
1.1HTML简介
1.1.1HTML的发展历史
1.1.2HTML的未来发展
1.2查看和编辑HTML
1.2.1HTML编辑器
1.2.2Web浏览器
1.3HTML基本术语
1.3.1HTML标记
1.3.2HTML元素
1.3.3HTML属性
1.4HTML数据类型
1.4.1长度值
1.4.2颜色值
1.4.3URI地址规范
本章小结
习题1

第2章创建一个HTML文件
2.1使用记事本新建一个HTML文件
2.2HTML的组织规范
2.3HTML基本标记
2.3.1结构标记
2.3.2头标记
2.3.3文档标题标记<br>2.3.4内容标记<body><br>2.3.5注释标记<br>2.3.6综合示例<br>本章小结<br>习题2<br><br>第3章文档格式化<br>3.1文字格式化、<br>3.1.1添加标准文字<br>3.1.2改变文字属性<br>3.1.3格式化文字<br>3.1.4特殊字符<br>3.2超链接和锚站<br>3.2.1什么是链接<br>3.2.2锚站元素<br>3.2.3E-mail链接<br>3.3段落格式化<br>3.3.1段落标记<br>3.3.2预格式化段落标记<br>3.3.3标题和对齐<br>3.3.4换行与空行<br>3.3.5使用水平线<br>3.4使用列表<br>3.4.1有序列表<br>3.4.2无序列表<br>3.4.3定义列表<br>本章小结<br>习题3<br><br>第4章使用图像和背景<br>4.1常见网络图像格式<br>4.1.1GIF图像<br>4.1.2JPEG图像<br>4.1.3PNG图像<br>4.2使用图像<br>4.2.1在Web页中添加图像<br>4.2.2设定图片高度和宽度<br>4.2.3设置图片位置<br>4.2.4设置图片周围空白大小<br>4.2.5设置边框<br>4.2.6创建图片链接<br>4.2.7创建缩略图<br>4.2.8设置背景图片<br>4.3创建图像地图<br>……<br><br>第5章表格布局<br>第6章框架布局<br>第7章使用表单收集数据<br>第8章样式表<br>第9章HTML高级主题</p> </dd> </dl> </div> </div>  <p class="open-more">展开全部</p> </div>    <div class="book-itemSn"> <dl class="book-itemSn-desc"> <dt>货号：</dt> <dd> <span>wk-266358</span> </dd> </dl> </div>    <div class="book-describe"> <dl class="book-quality-desc"> <dt>品相描述：八五品</dt> <dd> 正版二手，几十万种图书无法都提供实拍图，但均为7-9成新，无缺页、会有瑕疵或者少许磨损、或多或少都会有划线、笔记、涂写等，不影响使用。均不保证有光盘、卡片等，辅导习题类笔记较多，介意勿拍；书籍有多封面的新老封面随机发货，内容一致，不影响使用，介意勿拍！图片孔网自动匹配，图片与标题不符时以及图片为套装，与标题不符时的下单前请咨询客服，望周知！ </dd> </dl> </div>      <div class="dispatch-instruct"> <p class="dispatch-title">配送说明</p> <p class="dispatch-text"> ... </p> </div>     <div class="other_special"></div>  <div class="special-intro resemble_goods"> <div class="book_list_box"> <p class="book_list_title">相似商品</p> <ul class="clearfix"> </ul> </div> </div>  <div class="special-intro recommend_goods"> <div class="book_list_box"> <p class="book_list_title">为你推荐</p> <ul class="clearfix"> </ul> </div> </div> </li> <li class="shop-remark-page" style="display: none">  <div class="shop-reviews-wrap" id="shop-reviews"></div> </li> </ul> <div class="shelter-block"></div> </div>  <div class="left-block"> <div id="shortNotice"> </div> <script id="shortNotice-tpl" type="text/x-dot-template"> {{? it.content}} <div class="temporary_box"> <div class="temporary_title i_title clearfix"> <span class="pull-left">临时通知</span> </div> <div class="temporary_content"> <p> {{=it.content || ''}} </p> <div class="temporary_time"> {{=it.modifyTime || it.createTime || ''}} </div> <div class="btn-box up clearfix" style="display: none;"> <div class="open-btn btn pull-right"><span>展开全部</span><i class="iconfont icon-xiala"></i></div> <div class="close-btn btn pull-right"><span>收起</span><i class="iconfont icon-shangshou"></i></div> </div> </div> </div> {{?}} </script> <script type="application/javascript"> window.shortNoticeData = {"shopId":"240018"} || {}; </script>   <div class="CategoryBar_box"> <div class="CategoryBar_title i_title">孔网分类</div> <div class="CategoryBar_content"> <div class="CategoryBar_content_title">孔网特色</div> <ul> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_6/" target="_blank">外文古旧书<i>(1)</i></a></li> </ul> <div class="CategoryBar_content_title">图书</div> <ul> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_32/" target="_blank">教材教辅考试<i>(60319)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_1/" target="_blank">文学<i>(8749)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_27/" target="_blank">童书<i>(7768)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_31/" target="_blank">计算机与互联网<i>(6476)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_44/" target="_blank">哲学心理学<i>(5722)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_11/" target="_blank">工程技术<i>(5626)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_13/" target="_blank">语言文字<i>(4901)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_4/" target="_blank">艺术<i>(4485)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_14/" target="_blank">经济<i>(3936)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_43/" target="_blank">小说<i>(3925)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_25/" target="_blank">管理<i>(3863)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_26/" target="_blank">生活<i>(3541)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_15/" target="_blank">自然科学<i>(2517)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_7/" target="_blank">社会文化<i>(2485)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_12/" target="_blank">国学古籍<i>(1669)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_3/" target="_blank">历史<i>(1500)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_5/" target="_blank">法律<i>(1189)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_28/" target="_blank">教育<i>(1005)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_17/" target="_blank">医药卫生<i>(982)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_18/" target="_blank">政治<i>(898)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_20/" target="_blank">综合性图书<i>(314)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_19/" target="_blank">体育<i>(277)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_24/" target="_blank">军事<i>(75)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_29/" target="_blank">宗教<i>(45)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_59/" target="_blank">收藏与鉴赏<i>(43)</i></a></li> <li class="special_item"><a href="https://shop.kongfz.com/240018/cat_23/" target="_blank">地理<i>(28)</i></a></li> </ul> </div> </div> </div> </div> </div> </div>  <div class="foot-help-wrapper"></div> <div class="footer-box"> <div class="footer-wrap clearfix"> <div class="copyright-info-box">© 2002-2024 Kongfz.com 孔夫子旧书网版权所有</div> <div class="link-box"> <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/aboutus.php">关于孔网</a> <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/lianxi.html">联系我们</a> <a class="item" target="_blank" rel="nofollow" href="https://help.kongfz.com/">帮助中心</a> <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/copyright.php">版权隐私</a> <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/guanggao.php">广告业务</a> <a class="item" target="_blank" rel="nofollow" href="https://www.kongfz.com/help/zhaopin.php">工作机会</a> <a class="item" target="_blank" href="https://m.kongfz.com/">移动版</a> <a class="item" target="_blank" href="https://book.kongfz.com/">图书目录</a> <a class="item" target="_blank" href="https://bq.kongfz.com/">图书标签</a> <a class="item" target="_blank" href="https://www.kongfz.com/topic/">热搜书籍</a> <a class="item" target="_blank" href="https://www.kongfz.com/writer/">作家大全</a> </div> </div> </div>  <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <link href="https://res2.kongfz.com/libs/tcplayer/tcplayer.min.css" rel="stylesheet" /> <script src="https://res2.kongfz.com/libs/tcplayer/flv.min.js"></script> <script src="https://res2.kongfz.com/libs/tcplayer/hls.min.js"></script> <script src="https://res2.kongfz.com/libs/tcplayer/tcplayer.min.js"></script>  <div class="liveroom-entry-window">  <div class="preview-entry"> <img src="../../../../img/live/close-icon.png" class="close-icon"> <img src="" class="poster" id="prepare-poster" onerror="this.src='../../../../img/live/error_image.jpg'"> <div class="info"> <h6 class="live-name">孔网啦啦啦啦啦纺织女工火锅店第三课</h6> <p class="start-time-line">开播时间：<span class="start-time">09月02日 10:30</span></p> </div> <div class="tip">即将开播，去预约</div> </div>  <div class="running-entry"> <img src="../../../../img/live/close-icon.png" class="close-icon"> <div class="video-wrap"> <video id="live-video" src="" muted loop autoplay="true"></video> <img src="" class="poster" id="running-poster" onerror="this.src='../../../../img/live/error_image.jpg'"/> </div> <div class="tip"><img src="../../../../img/live/living.gif" class="live-icon"> 直播中，去观看</div> </div> </div>  <div class="liveroom-entry-window-mini" style="bottom:260px;"> <div class="icon-wrap"> <img src="../../../../img/live/living.gif" class="live-icon"> <img src="../../../../img/live/living-static.png" class="live-icon-static"> </div> <span class="liveroom-entry-txt"></span> </div>  <script type="text/javascript"> if (!Array.prototype.filter) { Array.prototype.filter = function (fun /*, thisArg */) { "use strict"; if (this === void 0 || this === null) throw new TypeError(); var t = Object(this); var len = t.length >>> 0; if (typeof fun !== "function") throw new TypeError(); var res = []; var thisArg = arguments.length >= 2 ? arguments[1] : void 0; for (var i = 0; i < len; i++) { if (i in t) { var val = t[i]; if (fun.call(thisArg, val, i, t)) res.push(val); } } return res; }; } function openBigImg(e) { e = e || window.event; if (e.preventDefault) { e.preventDefault(); e.stopPropagation(); } else { e.cancelBubble = true; e.returnValue = false; } var target = e.currentTarget || e.srcElement; if (target.tagName.toLowerCase() !== 'a') { target = target.parentNode } var index = target.getAttribute('data-index'), pathArr = location.pathname.split("/").filter(function (item) { return item !== "" }), shopId = pathArr[0], itemId = pathArr[1]; window.open(KFZ.site.book + "item_pic.do?shopId=" + shopId + "&itemId=" + itemId + "&imgId=" + index, "_blank"); return false } if (typeof JSON !== 'object') { JSON = {}; } (function () { 'use strict'; function f(n) { // Format integers to have at least two digits. return n < 10 ? '0' + n : n; } if (typeof Date.prototype.toJSON !== 'function') { Date.prototype.toJSON = function () { return isFinite(this.valueOf()) ? this.getUTCFullYear() + '-' + f(this.getUTCMonth() + 1) + '-' + f(this.getUTCDate()) + 'T' + f(this.getUTCHours()) + ':' + f(this.getUTCMinutes()) + ':' + f(this.getUTCSeconds()) + 'Z' : null; }; String.prototype.toJSON = Number.prototype.toJSON = Boolean.prototype.toJSON = function () { return this.valueOf(); }; } var cx, escapable, gap, indent, meta, rep; function quote(string) { escapable.lastIndex = 0; return escapable.test(string) ? '"' + string.replace(escapable, function (a) { var c = meta[a]; return typeof c === 'string' ? c : '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); }) + '"' : '"' + string + '"'; } function str(key, holder) { var i, // The loop counter. k, // The member key. v, // The member value. length, mind = gap, partial, value = holder[key]; if (value && typeof value === 'object' && typeof value.toJSON === 'function') { value = value.toJSON(key); } if (typeof rep === 'function') { value = rep.call(holder, key, value); } switch (typeof value) { case 'string': return quote(value); case 'number': return isFinite(value) ? String(value) : 'null'; case 'boolean': case 'null': return String(value); case 'object': if (!value) { return 'null'; } gap += indent; partial = []; if (Object.prototype.toString.apply(value) === '[object Array]') { length = value.length; for (i = 0; i < length; i += 1) { partial[i] = str(i, value) || 'null'; } v = partial.length === 0 ? '[]' : gap ? '[\n' + gap + partial.join(',\n' + gap) + '\n' + mind + ']' : '[' + partial.join(',') + ']'; gap = mind; return v; } if (rep && typeof rep === 'object') { length = rep.length; for (i = 0; i < length; i += 1) { if (typeof rep[i] === 'string') { k = rep[i]; v = str(k, value); if (v) { partial.push(quote(k) + (gap ? ': ' : ':') + v); } } } } else { for (k in value) { if (Object.prototype.hasOwnProperty.call(value, k)) { v = str(k, value); if (v) { partial.push(quote(k) + (gap ? ': ' : ':') + v); } } } } v = partial.length === 0 ? '{}' : gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' + mind + '}' : '{' + partial.join(',') + '}'; gap = mind; return v; } } if (typeof JSON.stringify !== 'function') { escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g; meta = { // table of character substitutions '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"': '\\"', '\\': '\\\\' }; JSON.stringify = function (value, replacer, space) { var i; gap = ''; indent = ''; if (typeof space === 'number') { for (i = 0; i < space; i += 1) { indent += ' '; } } else if (typeof space === 'string') { indent = space; } rep = replacer; if (replacer && typeof replacer !== 'function' && (typeof replacer !== 'object' || typeof replacer.length !== 'number')) { throw new Error('JSON.stringify'); } return str('', {'': value}); }; } if (typeof JSON.parse !== 'function') { cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g; JSON.parse = function (text, reviver) { var j; function walk(holder, key) { var k, v, value = holder[key]; if (value && typeof value === 'object') { for (k in value) { if (Object.prototype.hasOwnProperty.call(value, k)) { v = walk(value, k); if (v !== undefined) { value[k] = v; } else { delete value[k]; } } } } return reviver.call(holder, key, value); } text = String(text); cx.lastIndex = 0; if (cx.test(text)) { text = text.replace(cx, function (a) { return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); }); } if (/^[\],:{}\s]*$/ .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@') .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']') .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) { j = eval('(' + text + ')'); return typeof reviver === 'function' ? walk({'': j}, '') : j; } throw new SyntaxError('JSON.parse'); }; } }()); </script>  <script type="text/x-dot-template" id="layout-content"> {{~it.tiaojian:value:index}} <dl> <dt><i class="small-block"></i> {{? value.neirong}} {{= value.neirong}} {{?}} {{? value.delivery}} ({{= value.delivery}}) {{?}} </dt> <dt>包邮地区：</dt> <dd>{{= value.area}}</dd> </dl> {{~}} {{? it.startTime&&it.realEndTime&&it.stateText}} <p class="cross-line"></p> {{?}} {{? it.startTime&&it.realEndTime}} <dl style="margin-top: 10px"> <dt>活动时间：</dt> <dd>从{{=it.startTime}}开始,到{{=it.realEndTime}}结束</dd> </dl> {{?}} {{? it.stateText}} <dl> <dt>活动说明：</dt> <dd>{{=it.stateText}}</dd> </dl> {{?}} </script> <div id="layout-content-text" style="display: none"> </div>  <script id="exp-group" type="text/x-dot-template"> <span class="express-result"> <span class="express-val"></span> <span class="iconfont"> <i class="icon-xiala"></i> <i class="icon-shangshou"></i> </span> </span> <ul class="express-layout"> {{~it.feeInfo:value:index}} {{? index != it.key}} {{? value.shippingId == 'noLogistics' || value.shippingId == 'negotiable'}} <li index="{{= index}}">{{= value.shippingName }}</li> {{?? value.shippingId == 'group'}} <li index="{{= index}}">{{= value.shippingName }} {{= value.initialFee}}</li> {{??}} <li index="{{= index}}">{{= value.shippingName }} ￥{{= value.initialFee}}</li> {{?}} {{?}} {{~}} </ul> </script>  <script id="express-group" type="text/x-dot-template"> {{? it.other.isShowExpress}} <span class="express-box">{{= it.other.expressInfo['shippingName'] + " " + '￥' + it.other.expressInfo['initialFee'] }}</span> {{?}} {{? it.other.isShowRegisterPost}} <span class="registerPost-box">{{= it.other.registerPostInfo['shippingName'] + " " + '￥' + it.other.registerPostInfo['initialFee'] }}</span> {{?}} {{? it.other.otherInfo.length == 1}} <div class="express-result-outbox"> <span class="express-result one"> <span class="express-val"></span> </span> </div> {{?}} {{? it.other.otherInfo.length > 1}} <div class="express-result-outbox"> <span class="express-result"> <span class="express-val"></span> <span class="iconfont"> <i class="icon-xiala"></i> <i class="icon-shangshou"></i> </span> </span> <ul class="express-layout"> {{~it.other.otherInfo:value:index}} {{? index != it.key}} {{? value.shippingId == 'noLogistics' || value.shippingId == 'negotiable'}} <li index="{{= index}}">{{= value.shippingName }}</li> {{?? value.shippingId == 'group'}} <li index="{{= index}}">{{= value.shippingName }} {{= value.initialFee}}</li> {{??}} <li index="{{= index}}">{{= value.shippingName }} ￥{{= value.initialFee}}</li> {{?}} {{?}} {{~}} </ul> </div> {{?}} </script>  <script id="add-cart-layout" type="text/template"> <div class="cart-text"><p><i class="iconfont icon-gouwuche2"></i>成功加入购物车</p></div> <div class="cart-link clearfix"><a>去购物车结算</a></div>', </script>  <script id="template_notice_item" type="text/template"> <div class="win_content" id="product_change"> <ul class="bt clearfix"> <li class="part_left pull-left">商品</li> <li class="part_right pull-right">提示信息</li> </ul> <div id='book_content_box' class="book_content_box" style="height: <%= function(){ var count = 0; for (var property in item) { if (Object.prototype.hasOwnProperty.call(item, property)) { count++; } } return 66*count; }() %>px"> <% $.each(item, function(i, book){ %> <ul class="clearfix <%= ( !KFZ.itemAllFail && book.detail != 'noticeItem') ? 'bg_gray':'' %>"> <li class="part_left pull-left"> <div class="shop_name"><a><%= book.itemName %></a></div> <div class="number"> <span class="<%= book.detail == 'noticeItem' ? 'del':'' %> m_r10"> <% if(book.detail == 'noticeItem' || book.detail == 'invalidItem'){ %> ¥<%= (+book.originPrice).toFixed(2) %> ×<%= book.originStock %> <% }else{ %> ¥<%= (+book.price).toFixed(2) %> ×<%= book.numbers %> <% } %> </span> <% if(book.detail == 'noticeItem'){ %> <% if(book.currentPrice){ %> <span class="red">¥<%= (+book.currentPrice).toFixed(2) %> ×<%= book.currentStock || book.originStock %></span> <% }else{ %> <span class="red">¥<%= (+book.originPrice).toFixed(2) %> ×<%= book.currentStock || book.originStock %></span> <% } %> <% } %> </div> </li> <li class="part_right pull-right"><%= book.desc %></li> </ul> <% }); %> </div> </script>  <script id="shop-reviews-nav" type="text/x-dot-template"> <div class="shop-reviews"> <div class="shop-reviews-label clear-fix"> <div class="shop-reviews-rate"> <div class="shop-reviews-rate-text">好评率</div> <div class="shop-reviews-rate-socre"><span class="shop-reviews-rate-nu">{{=it.goodReviewRate}}</span><span class="shop-reviews-rate-perc">%</span></div> </div> <div class="shop-reviews-label-itemW"> <div class="shop-reviews-label-wrapper"> {{ for(var prop in it.reviewCusTag) { }} <span class="shop-reviews-label-item" data-rate="{{= it.reviewCusTag[prop].rating}}">{{= it.reviewCusTag[prop].tagName }}({{= it.reviewCusTag[prop].num}})</span> {{ } }} <div class="shop-reviews-emptyLabel">此店铺暂时还没有买家印象哦~</div> </div> </div> </div> <div class="filter-area clear-fix"> <ul class="review-filter clear-fix"> <li class="selected" data-lev="{{=it.reviewPlainTag[0].rating}}"> <div class="iconfont-box"> <i class="iconfont icon-yuanxuankuang"></i> <i class="iconfont icon-yuangouxuan"></i> </div> {{=it.reviewPlainTag[0].tagName}} <span class="total-count">{{=it.reviewPlainTag[0].num}}</span> </li> <li class="" data-lev="{{=it.reviewPlainTag[1].rating}}"> <div class="iconfont-box"> <i class="iconfont icon-yuanxuankuang"></i> <i class="iconfont icon-yuangouxuan"></i> </div> {{=it.reviewPlainTag[1].tagName}} <span class="good-count">{{=it.reviewPlainTag[1].num}}</span> </li> <li class="" data-lev="{{=it.reviewPlainTag[2].rating}}"> <div class="iconfont-box"> <i class="iconfont icon-yuanxuankuang"></i> <i class="iconfont icon-yuangouxuan"></i> </div> {{=it.reviewPlainTag[2].tagName}} <span class="good-count">{{=it.reviewPlainTag[2].num}}</span> </li> <li class="" data-lev="{{=it.reviewPlainTag[3].rating}}"> <div class="iconfont-box"> <i class="iconfont icon-yuanxuankuang"></i> <i class="iconfont icon-yuangouxuan"></i> </div> {{=it.reviewPlainTag[3].tagName}} <span class="common-count">{{=it.reviewPlainTag[3].num}}</span> </li> <li class="" data-lev="{{=it.reviewPlainTag[4].rating}}"> <div class="iconfont-box"> <i class="iconfont icon-yuanxuankuang"></i> <i class="iconfont icon-yuangouxuan"></i> </div> {{=it.reviewPlainTag[4].tagName}} <span class="bad-count">{{=it.reviewPlainTag[4].num}}</span> </li> </ul> {{? it.onlyItem != 0}} <div class="filter-current"> <div class="iconfont-box"> <i class="iconfont icon-fangxuankuang"></i> <i class="iconfont icon-fanggouxuan"></i> </div> <span>只看当前商品评价</span> </div> {{?}} </div> <div class="shop-reviews-container"> <div class="review-container-inner"> </div> </div> <div class="review-hide-content"> <div class="review-hide-content-auto"></div> <div class="review-hide-content-noHelp">已折叠对您购买参考帮助不大的评价 <span class="review-hide-content-click">查看</span></div> </div> <div class="pager-wrapper clearfix"> </div> </div> </script> <script id="shop-reviews-content" type="text/x-dot-template"> {{~it:reviewItem:reviewIndex}} <div class="review-content clear-fix"> <div class="review-user-pic"><img src="{{=reviewItem.userPic || '/img/pc/default_avator.jpg'}}" onerror="javascript:this.src='/img/pc/default_avator.jpg';" alt=""></div> <div class="review-content-block"> <div class="review-content-userInfo"> <span class="review-content-userName">{{=reviewItem.appraiserNickname}}</span> <span class="marker-rank rank-style-{{=reviewItem.buyerClass}}"></span> </div> <div class="review-content-shopName">{{=reviewItem.itemName}}</div> <div class="review-content-mainTxt">{{=reviewItem.content}}</div> {{if (reviewItem["reviewPic"].length > 0) {}} <div class="review-content-imageWrapper"> <div class="review-content-imageWrapper-small clear-fix"> {{~reviewItem.reviewPic:picItem:reviewImgIndex}} <div class="review-content-imageItem" data-index="{{= reviewIndex}}-{{= reviewImgIndex}}"><img src="{{= picItem.small.imgUrl}}" alt=""> {{? reviewItem.contentType == 1}} {{? picItem.big.width > picItem.big.height}} <img class="hover-big-img" style="width: 209px;height: {{= picItem.big.height * 209 / picItem.big.width + 'px' }}" src="{{= picItem.big.imgUrl}}" alt=""> {{??}} <img class="hover-big-img" style="height: 228px;width: {{= picItem.big.width * 228 / picItem.big.height + 'px' }}" src="{{= picItem.big.imgUrl}}" alt=""> {{?}} {{?}} </div> {{~}} </div> <div class="review-content-bigImg empty_height" id="bigImg{{=reviewIndex}}"> <div class="review-content-bigImg-close"><img src="/img/pc/icon/close.png" alt=""></div> <div class="review-content-bigImg-slideLeft"><img class="slideImg" src="/img/pc/slide-left.png" alt=""></div> <img src="" alt=""> <div class="review-content-bigImg-slideRight"><img class="slideImg" src="/img/pc/slide-right.png" alt=""></div> </div> </div> {{ } }} {{? reviewItem.reviewTag.length > 0 }} <div class="review-item-tagWrapper clear-fix"> {{~reviewItem.reviewTag:value}} <span class="review-item-tagWrapper-span">{{=value.tagName}}</span> {{~}} </div> {{?}} {{? reviewItem.recontent}} <div class="review-owner-reply"><span class="review-owner-reply-label">店主回复：</span><span class="review-owner-reply-content">{{= reviewItem.recontent}}</span></div> {{?}} <div class="review-content-time">{{=reviewItem.reviewTime}}</div> </div> {{? reviewIndex + 1 < it.length}} <div class="review-review-divid"></div> {{?}} </div> {{~}} </script>  <script id="other_special" type="text/x-dot-template"> {{?it.specialThemeExist==='true'}} <div class="other_special_title">本店其他专题</div> {{??}} <div class="other_special_title">本店专题</div> {{?}} <ul class="other_special_list clearfix"> {{~it.otherThemeList:value:index}} <li><a href="{{=value.specialHref}}" target="_blank">{{=value.specialName}}</a></li> {{~}} </ul> </script> <script type="text/javascript"> window.DETAIL || (window.DETAIL = {}); DETAIL.shopInfo = {}; DETAIL.itemInfo = {}; DETAIL.shopId = 240018; DETAIL.shopKeeperId = 7397902; DETAIL.isShopKeepper = 0; DETAIL.isAdmin = 0; DETAIL.shopInfo = {"shopId":240018,"shopName":"\u4e8c\u624b\u4e66\u6d77\u5b98\u65b9\u4f01\u4e1a\u5e97","nickname":"bookersea","userId":7397902}; DETAIL.itemInfo = {"itemId":6720649618,"bizType":1,"catId":32001002014000000,"itemName":"HTML\u7f51\u9875\u8bbe\u8ba1","price":3.03,"number":9,"oriPrice":21,"booklibId":506310,"bearShipping":"buyer","isUseMould":1,"mouldId":518291,"weight":0,"weightPiece":0,"productAreaAddress":{"provId":"13000000000","provName":"\u6cb3\u5357\u7701","cityId":"13006000000","cityName":"\u9e64\u58c1\u5e02","areaId":13006004000,"areaName":"\u6d5a\u53bf"},"shippingMould":[]}; DETAIL.isbn = "9787302146919"; </script> <script src="//res2.kongfz.com/mobile/js/track.js?2019070314"></script> <script> var status = 1; window.onload=function () { var id= DETAIL.shopInfo.shopId; var itemname= DETAIL.itemInfo.itemName; var itemid= DETAIL.itemInfo.itemId; var shopid= DETAIL.shopInfo.shopId; var quality="八五品"; track.send('v_bkdetail',{shopid: parseInt(id),shopname:DETAIL.shopInfo.shopName,itemid:itemid,itemname:itemname,shopid:shopid,quality:quality,status:status,isbn:DETAIL.isbn,catnum:DETAIL.itemInfo.catId}); } </script> <script src="/js/Pc_detail_index_page-6d3db7575b.js"></script> </body> </html>

特色

图书

HTML网页设计