跟我學HTML+CSS(配光盤)（簡體書）

ISBN13：9787302224181
出版社：清華大學出版社(大陸)
作者：許茂偉; 馬軍
裝訂／頁數：平裝／464頁
附件：附光碟
出版日：2010/09/01
關鍵字：跟我學HTML+CSS(配光盤)（簡體書）、 HTML+CSS、簡體、工業技術、清華大學出版社（大陸）、許茂偉、馬軍、簡體書、電腦〈計算機〉、電腦入門、

中文圖書分類：工業技術

人民幣定價：58 元

定價：NT$ 348 元

優惠價：87 折 303 元

領券後再享88折

領

海外經銷商無庫存，到貨日平均30天至45天

可得紅利積點：9 點

相關商品

商品簡介

《跟我學HTML+CSS》內容簡介：HTML是目前最流行的網頁製作語言。互聯網中的網頁大多數都是使用HTML格式展示在瀏覽者面前的。隨著Web2.0概念的提出，要求網頁具有更好的擴展性和用戶體驗，這使得CSS樣式表在網頁設計中變得越來越重要。為了能讓廣大的網頁製作者快速地掌握網頁製作的技巧和方法，《跟我學HTML+CSS》的第一部分以語法和實例相結合的形式詳細講解了HTML語言中各個元素及其屬性的作用、語法和顯示效果。第二部分從CSS基本概念開始，分別講解了CSS盒模型和定位屬性，CSS控制各種元素顯示的方法，CSS布局頁面的技巧等知識。最后一部分為了增強讀者的實戰能力，以個人博客製作的形式詳細為讀者演示了使用HTML和CSS製作頁面的過程。為了便于理解，《跟我學HTML+CSS》對所講解的每個元素和屬性，都做了實例演示。
為了方便讀者學習，《跟我學HTML+CSS》光盤中提供了豐富的內容，包括全書的多媒體視頻演示、全書的電子教案、900多頁的電子資料以及書中講解的源代碼等內容。
《跟我學HTML+CSS》適合廣大Web網站設計人員、網站設計的初學者、網站管理維護人員、大專院校學生和社會培訓學生閱讀，并可作為網站開發人員的參考手冊。

第1章 HTML的基本概念
1.1 什麼是HTML
1.2 HTML的發展歷史
1.3 一個簡單的HTML示例
1.4 HTML與網頁的關係
1.5 用什麼來編寫和開發HTML
1.5.1 標題欄
1.5.2 插入欄
1.5.3 文檔工具欄
1.5.4 實例練習
1.6 本章習題

第2章 HTML的語法基礎
2.1 HTML頁面結構
2.2 元素和屬性的寫法
2.2.1 元素的書寫格式
2.2.2 元素屬性的書寫格式
2.2.3 HTML的語法規範
2.3 文檔類型
2.3.1 什麼是文檔類型
2.3.2 選擇什麼樣的DOCTYPE
2.4 什麼是名字空間
2.5 本章習題

第3章頁面基本元素
3.1 頁面基礎元素
3.1.1 文本顯示方向屬性dir
3.1.2 指定語言屬性lang
3.2 頁面頭部元素
3.3 頁面標題元素<br>3.4 元信息元素<meta><br>3.4.1 元信息元素名稱屬性name<br>3.4.2 元信息元素的值content<br>3.4.3 元信息元素的附加屬性http-equiv<br>3.4.4 設置頁面關鍵字<br>3.4.5 設置頁面主要內容<br>3.4.6 定義頁面的搜索方式<br>3.4.7 定義頁面的跳轉<br>3.4.8 定義頁面的作者信息<br>3.4.9 定義頁面的版權信息<br>3.4.10 定義頁面的刷新時間<br>3.5 基本設置元素<base><br>3.6 創建樣式元素<style><br>3.6.1 類型屬性type<br>3.6.2 類型屬性media<br>3.7 鏈接元素<link><br>3.7.1 指定鏈接路徑屬性href<br>3.7.2 鏈接的類型屬性type<br>3.7.3 源文檔與目標文檔關係屬性rel、rev<br>3.7.4 鏈接樣式文件<br>3.7.5 製作收藏夾圖標<br>3.8 腳本元素<script><br>3.8.1 腳本的語言屬性language<br>3.8.2 腳本的類型屬性type<br>3.8.3 推遲執行屬性defer<br>3.8.4 腳本的鏈接屬性src<br>3.9 頁面主體元素<body><br>3.9.1 主體元素的背景屬性bgcolor<br>3.9.2 主體元素的背景圖片屬性background<br>3.9.3 主體元素的背景圖片滾動屬性bgproperties..<br>3.9.4 主體元素的文本屬性text<br>3.9.5 IE瀏覽器中的左邊界屬性leffmargin<br>3.9.6 IE瀏覽器中的上邊界屬性topmargin<br>3.9.7 未訪問過的鏈接屬性link<br>3.9.8 已訪問過的鏈接屬性vlink<br>3.9.9 激活的鏈接屬性alink<br>3.9.10 主體元素中使用樣式屬性style<br>3.9.11 主體元素中調用樣式屬性class<br>3.10 使用背景音樂<br>3.10.1 IE瀏覽器中添加背景音樂元素<bgsound><br>3.10.2 背景音樂的路徑屬性SIC<br>3.10.3 背景音樂的重復屬性loop<br>3.11 本章習題<br><br>第4章文本和段落元素<br>4.1 層元素<div><br>4.1.1 標記屬性id<br>4.1.2 調用樣式屬性class<br>4.1.3 創建樣式屬性style<br>4.1.4 對齊屬性alian<br>4.1.5 取消自動換行屬性nowrap<br>4.1.6 標題屬性title<br>4.2 標題元素<br>4.3 段落元素<p><br>4.4 文本的間隔和布局<br>4.4.1 換行元素<br><br>4.4.2 縮進元素<blockquote><br>4.4.3 保留格式元素<pre><br>4.4.4 取消換行元素<nobr><br>4.4.5 引用元素<q><br>4.4.6 地址元素<address><br>4.5 水平分隔線元素<hr><br>4.5.1 高度屙陛size<br>4.5.2 樣式屬性noshade<br>4.5.3 寬度屬性width<br>4.5.4 對齊屬性align<br>4.5.5 顏色屬性color<br>4.6 基於物理樣式的文本元素<br>4.6.1 加粗元素<br>4.6.2 放大元素<big><br>4.6.3 縮小元素<small><br>4.6.4 斜體顯示元素<i><br>4.6.5 下標元素<sub><br>4.6.6 上標元素<sup><br>4.7 基於內容的文本元素<br>4.7.1 強調元素<em><br>4.7.2 加粗的強調元素<strong><br>4.7.3 提取元<samp><br>4.7.4 首字母縮寫元素<acronym><br>4.7.5 變量顯示元素<var><br>4.7.6 文獻參考元素<cite><br>4.8 本章習題<br><br>第5章列表元素<br>5.1 無序列表元素<ul><br>5.2 有序列表元素<ol><br>5.2.1 項目符號的類型屬性type<br>5.2.2 有序列表的起始值屬性start<br>5.3 列表條目元素<h><br>5.3.1 項目符號的類型屬性type<br>5.3.2 條目編號屬性value<br>5.4 定義列表元素<dl><br>5.4.1 定義列表術語元素<dt><br>5.4.2 定義列表條目說明元素<dd><br>5.5 本章習題<br><br>第6章圖像元素<br>6.1 圖像元素<img><br>6.1.1 圖像元素的路徑屬性src<br>6.1.2 代替圖片的文本屬性alt<br>6.1.3 圖像元素的寬度屬性width<br>6.1.4 圖像元素的高度屬性height<br>6.1.5 圖像元素的邊框屬性border<br>6.1.6 代替圖片的長文本屬性longdesc<br>6.1.7 上下邊距屬性vspace<br>6.1.8 圖像元素的左右邊距屬性hspace<br>6.1.9 圖像元素的對齊屬性align<br>6.1.10 圖像服務器端映射屬性ismap<br>6.1.11 圖像服務器端映射屬性usernap<br>6.2 圖像的格式<br>6.2.1 JPEG格式<br>6.2.2 GIF格式<br>6.2.3 PNG格式<br>6.3 本章習題<br><br>第7章表格元素<br>7.1 表格元素的結構<br>7.1.1 表格<table><br>7.1.2 行<nl><br>7.1.3 單元格<扛》<br>7.2 <table>元素的屬性<br>7.2.1 邊框屬性border<br>7.2.2 水平對齊屬性align<br>7.2.3 高度屬性hdght<br>7.2.4 寬度屬性width<br>7.2.5 邊框顏色屬性bordercolor<br>7.2.6 邊框暗邊線屬性bordercolordark<br>7.2.7 邊框亮邊線屬性bordercolorlight<br>7.2.8 背景顏色屬性bgcolor<br>7.2.9 背景圖片屬性background<br>7.2.10 單元格間距屬性cellspacing<br>7.2.11 單元格補白屬性ceUspadding<br>7.2.12 表格單元格邊框屬性rules<br>7.2.13 表格邊框屬性flame<br>7.3 <tr>元素的屬性<br>7.3.1 水平對齊屬性align<br>7.3.2 垂直對齊屬性valign<br>7.3.3 背景顏色屬性bgcolor<br>7.3.4 邊框顏色屬性bordercolor<br>7.3.5 邊框暗邊線屬性bordercotordark<br>7.3.6 邊框亮邊線屬性bordemolorligh<br>7.4 <td>元素的屬性<br>7.4.1 寬度屬性width<br>7.4.2 高度屬性height<br>7.4.3 背景顏色屬性bgcolor<br>7.4.4 背景圖片屬性background<br>7.4.5 水平對齊屬性align<br>7.4.6 垂直對齊屬性valign<br>7.4.7 邊框屬性bordercolor<br>7.4.8 合併列屬性colspan<br>7.4.9 合併行屬性rowspan<br>7.4.10 同行顯示屬性nowrap<br>7.5 表格中使用的其他元素<br>7.5.1 表格標題元素<caption><br>7.5.2 表格頭部元素<th><br>7.5.3 表格頭行元素<thead><br>7.5.4 表主體元素<tbody><br>7.5.5 表格行尾元<ffoot><br>7.6 本章習題<br><br>第8章鏈接元素<br>8.1 鏈接和路徑<br>8.1.1 超鏈接的概念<br>8.1.2 路徑url<br>8.1.3 HTTP路徑<br>8.1.4 FTP路徑<br>8.1.5 郵件路徑<br>8.2 鏈接元素<a><br>8.2.1 指定路徑屬性href<br>8.2.2 顯示鏈接目標屬性target<br>8.2.3 激活順序屬性tabindex<br>8.2.4 鏈接的熱鍵屬性accesskey<br>8.3 圖像鏈接<br>8.3.1 創建鏈接區域元素<map><br>8.3.2 鏈接區域的名稱屬性name<br>8.3.3 定義鼠標敏感區元素<area><br>8.3.4 鏈接的路徑屬性hrefnohref<br>8.3.5 鏈接的文本說明屬性alt<br>8.3.6 鼠標敏感區坐標屬性coords<br>8.3.7 鼠標敏感區形狀屬性shape<br>8.3.8 使用圖片中的鏈接<br>8.4 本章習題<br><br>第9章表單元素<br>9.1 表單元素<form><br>9.1.1 動作屬性action..<br>9.1.2 發送數據方式屬性method<br>9.1.3 名稱屬性name<br>9.2 表單控件<input><br>9.2.1 文本域text<br>9.2.2 密碼區域password<br>9.2.3 提交按鈕submit<br>9.2.4 復位按鈕reset<br>9.2.5 圖像按鈕image<br>9.2.6 單擊按鈕button<br>9.2.7 復選框checkbox<br>9.2.8 單選按鈕radio<br>9.2.9 隱藏區域hidden<br>9.3 <input>元素的屬性<br>9.3.1 只讀屬性readonly<br>9.3.2 不可用屬性disabled<br>9.4 選擇列表條目元素<option><br>9.5 按鈕元素<button><br>9.6 選擇列表元素<select><br>9.6.1 高度屬性size<br>9.6.2 多項選擇屬性multiple<br>9.7 文本區域元素<textarea><br>9.7.1 寬度屬性cols<br>9.7.2 高度屬性rows<br>9.8 表單標記元素<label><br>9.8.1 定義目標屬性for<br>9.8.2 定義熱鍵屬性accesskey<br>9.9 本章習題<br><br>第10章框架元素<br>10.1 框架集元素<frameset><br>10.1.1 行屬性rows<br>10.1.2 列屬性cols<br>10.1.3 邊框屬性frameborder<br>10.1.4 邊框寬度屬性framespacing<br>10.1.5 邊框寬度屬性border<br>10.1.6 顏色屬性bordercolor<br>10.2 框架內容元素<frame><br>10.2.1 內容的路徑屬性SIC<br>10.2.2 滾條屬性scrolling<br>10.2.3 固定尺寸屬性noresize<br>10.2.4 內容的顯示位置屬性marginheight、marginwidth<br>10.2.5 邊框屬性fiameborder<br>10.3 不支持框架元素<noframes><br>10.4 內聯框架元素<iframe><br>10.5 框架元素中的鏈接<br>10.6 本章習題<br><br>第11章 CSS的概念<br>11.1 什麼是CSS<br>……<br>第12章 CSS的語法<br>第13章 CSS控制文本的顯示<br>第14章 CSS控制列表元素的顯示<br>第15章 CSS控制表格元素的顯示<br>第16章 CSS控制元素的大小<br>第17章 CSS控制元素的定位<br>第18章 CSS控制元素的布局<br>第19章 CSS控制其他元素的顯示<br>第20章製作個人博客頁面 </div> </div> </div> </div> <div class="col-12 col-lg-2 d-none d-lg-block"> <div class="w200 m0" style="position:sticky;top:126px;"> <div class="position-relative"> <h2 class="TitleUnderline text-blue2 "><i class="bi bi-bookmark-star-fill"></i> 主題書展</h2> <a href="/promote/publisher" class="text text-blue2 position-end Bold fs-12">更多 <i class="bi bi-plus-lg"></i></a> </div> <div class="swiper-container SwiperVertical w200 h730 Vertical180 p0"> <div class="swiper-wrapper "> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/event/dramabooks/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13405.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/2024/0415reading/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13398.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">66折起</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/2024/0401earthday/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13371.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">75折起</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinanew?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://www.sanmin.com.tw/images/activity/chinanew/180.gif" alt="簡體新到貨" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">消費滿999，再享95折</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinapage?id=e0&pi=1&utmgtm=promote910bn&utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://activity.sanmin.com.tw/images/chinapage/imagese/180.gif?d=20230714" alt="魅力．花火特展" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">66折起</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinapage/?promo=b&utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://activity.sanmin.com.tw/images/chinapage/imagesb/180.gif?d=20230714" alt="悅讀紀特展" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">66折起</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinanewbook?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://activity.sanmin.com.tw/images/chinanewbook/180.gif" alt="簡體新書搶先報" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinanovel/?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://activity.sanmin.com.tw/images/chinanovel/180.gif" alt="簡體新生代華文原創小說特展" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/event/hongkongwriter/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13406.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/2024/0412worldbookday/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2"> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13401.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">53折起</span></div> </a> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <script> $(function () { SwiperVertical('.Vertical180', 5); }) </script> </div> </div> </div> </div> <div class="d-lg-none"> <div class="mt5"> <div class="position-relative"> <h2 class="TitleUnderline text-blue2 "> <i class="bi bi-bookmark-star-fill"></i> 主題書展 </h2> <a href="/promote/publisher" class="text text-blue2 position-end Bold">更多書展 <i class="bi bi-plus-lg"></i></a> </div> <div class="py5"> <div class="swiper-container PromoAD180" id="PromoAD180"> <div class="swiper-wrapper "> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/event/dramabooks/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13405.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/2024/0415reading/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13398.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">66折起</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/2024/0401earthday/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13371.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">75折起</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinanew?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://www.sanmin.com.tw/images/activity/chinanew/180.gif" alt="簡體新到貨" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">消費滿999，再享95折</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinapage?id=e0&pi=1&utmgtm=promote910bn&utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://activity.sanmin.com.tw/images/chinapage/imagese/180.gif?d=20230714" alt="魅力．花火特展" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">66折起</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinapage/?promo=b&utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://activity.sanmin.com.tw/images/chinapage/imagesb/180.gif?d=20230714" alt="悅讀紀特展" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">66折起</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinanewbook?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://activity.sanmin.com.tw/images/chinanewbook/180.gif" alt="簡體新書搶先報" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/chinanovel/?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://activity.sanmin.com.tw/images/chinanovel/180.gif" alt="簡體新生代華文原創小說特展" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/event/hongkongwriter/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13406.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</span></div> </a> </div> <div class="swiper-slide text-center p2"> <a href="https://activity.sanmin.com.tw/promotions/2024/0412worldbookday/index?utmgtm=Product180bn" target="_blank"> <div class="CoverBox mw190 bg-white p5 shadow-2 "> <img class="lazyload mh100" src="//cdnec.sanmin.com.tw/images/loading1.gif" data-src="https://cdnec.sanmin.com.tw/images/promotions/180/13401.gif" alt="" /> </div> <div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">53折起</span></div> </a> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> <script> $(function() { SwiperRWD('#PromoAD180',2,3,6); }) </script> </div> </div> </div> <div id="Discount66"> <div class=""> <h2 class="TitleUnderline text-blue2"> <i class="fas fa-book"></i> 本週66折 </h2> <div class="swiper-container product4_slider"> <div class="swiper-wrapper"> <div class="item swiper-slide p5"> <a href="/product/index/000471774/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/957/957144536.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="梁啟超" /> </div> <div class="text-prodtitle2">梁啟超</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/000092443/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/957/957142349.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="妖怪的本事" /> </div> <div class="text-prodtitle2">妖怪的本事</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/007691984/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/957/957053260.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="保健教師安恩英" /> </div> <div class="text-prodtitle2">保健教師安恩英</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/000092931/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/957/957142842.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="哈雷彗星來了：馬克．吐溫傳奇" /> </div> <div class="text-prodtitle2">哈雷彗星來了：馬克．吐溫傳奇</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/000095693/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/957/957190145.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="約翰彌爾(平)" /> </div> <div class="text-prodtitle2">約翰彌爾(平)</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/000305426/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/957/957192695.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="華嚴宗入門" /> </div> <div class="text-prodtitle2">華嚴宗入門</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/010100851/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/986/986507604.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="間歇高效率的三次閱讀法：讀懂一本書只要100分鐘，解決過目就忘、知識無法內化與活用的閱讀煩惱" /> </div> <div class="text-prodtitle2">間歇高效率的三次閱讀法：讀懂一本書只要100分鐘，解決過目就忘、知識無法內化與活用的閱讀煩惱</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/003051455/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/986/986609749.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="世界第一簡單電路學" /> </div> <div class="text-prodtitle2">世界第一簡單電路學</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/000313769/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/957/957192720.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="佛教經典常談" /> </div> <div class="text-prodtitle2">佛教經典常談</div> </div> </a> </div> <div class="item swiper-slide p5"> <a href="/product/index/007228346/?from=relation"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <img class="lazyload" data-src="https://cdnec.sanmin.com.tw/product_images/957/957890478.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="JLPT新日檢【N2讀解】滿分衝刺大作戰：64篇擬真試題破解訓練＋8大題型各個擊破！" /> </div> <div class="text-prodtitle2">JLPT新日檢【N2讀解】滿分衝刺大作戰：64篇擬真試題破解訓練＋8大題型各個擊破！</div> </div> </a> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> </div> <div id="ProdBrowse" class="content"> <h2 class="TitleUnderline text-blue2"> <i class="fas fa-book"></i> 您曾經瀏覽過的商品 </h2> <div class="swiper-container product4_slider"> <div class="swiper-wrapper" id="ProductHistory"> <div class="item swiper-slide p5" v-for="a in log"> <div class="border border-blue2 p5"> <div class="CoverBox h190 mw190 mb5"> <a :href="'/product/index/'+a.id"><img :data-src="a.src" class="lazyload" src="//cdnec.sanmin.com.tw/images/loading1.gif" :alt="htmlDecode(a.name)"></a> </div> <div class="text-prodtitle2"> <a :href="'/product/index/'+a.id">{{htmlDecode(a.name)}}</a> </div> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> <div class="content mb10"> <h2 class="TitleUnderline text-sanmin mb0"> <i class="bi bi-exclamation-circle-fill"></i> 購物須知 </h2> <div class="p10 bg-gray"> <p><span style="color:#237a0f;">大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。</span><br /><br /><span style="color:#ff0000;">特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。</span><br /><br /><span style="color:#006699;">無現貨庫存之簡體書，將向海外調貨：</span><br /><span style="color:#006699;">海外有庫存之書籍，等候約45個工作天;</span><br /><span style="color:#006699;">海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。</span></p><p>為了保護您的權益，「三民網路書店」<span style='color:red'>提供會員七日商品鑑賞期</span>(收到商品為起始日)。</p><p>若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。</p> </div> </div> </div> <script type="text/javascript" src="/scripts/rwd/pinch-zoom.umd.js"></script> <script> $(function () { if (navigator.userAgent == 'SanminTools') { SanminTools.camera.openScanButton(); } $("#Scaner").keyup(function (e) { if (e.keyCode == 13) { var EAN = $("#Scaner").val(); location.href = 'https://www.sanmin.com.tw/product/EAN/' + EAN; } }); }) </script>  <div class="MobileBottomNav ProductBottomCart"> <div class="row"> <div class="col-6 PriceStock"> <div> <div class="DiscPrice text-inherit"> <span>優惠價：</span><span class="Disc disc-87">87</span> <span class="Price">303</span> </div> <div class="mobile-store fs-14 lh-14 text-brown"> <span>海外經銷商無庫存，到貨日平均30天至45天</span> </div> </div> </div> <div class="col-6"> <div class="row"> <div class="col"> <button type="button" class="bottomBtn" onclick="AddFavorite('001361357');"> <i class="bi bi-heart-fill"></i> <br> 收藏 </button> </div> <div class="col"> <button type="button" class="bottomBtn" style="background: #825267;color: white;" onclick="AddCart('001361357', '');"> <i class="bi bi-cart-fill"></i> <br> 加入購物車 </button> </div> </div> </div> </div> </div>  <script> $(function () { var c = getCookie('weblinkauth'); if (c != '') { var wUser = JSON.parse(c); var $btn = $('<button>').addClass('btn btn-orange2 px10 py2').text('推薦至圖書館'); $btn.appendTo('#btn-WebLink'); $btn.click(function () { window.open('https://weblink.bookhouse.com.tw/WB2024/dy.aspx?ui=' + wUser.ui + '&id=' + wUser.id + '&isbn=9787302224181', '圖書推薦採訪整合系統',); }); } }) </script> </div> <div class="MobileBottomNav"> <a href="https://www.sanmin.com.tw/promote/top"><i class="bi bi-trophy-fill"></i><br />暢銷榜</a> <a href="https://www.sanmin.com.tw/home/faq"><i class="bi bi-question-circle-fill"></i><br />客服中心</a> <a href="https://www.sanmin.com.tw/shopping/car/nextbuy"><i class="bi bi-heart-fill"></i><br />收藏</a> <a href="#"><label for="HistoryHide"><i class="bi bi-book"></i><br />瀏覽紀錄</label></a> <a href="https://www.sanmin.com.tw/member/index"><i class="bi bi-people-fill"></i><br />會員專區</a> </div> <style> .SiteMap .col{ padding:1px; } </style> <footer> <div class="content"> <div class="row"> <div class="col-12 col-lg-8 p0"> <h3 class="Bold text-yellow fs-20">網站導航 >> </h3> <div class="p5 lh-18 mb10"> <div class="row row-cols-lg-5 row-cols-3 text-left fs-16 SiteMap"> <div class="col"><a href="https://www.sanmin.com.tw/static/history">關於我們</a></div> <div class="col"><a href="http://www.104.com.tw/jobbank/custjob/index.php?r=cust&j=456143252c393f6831593c20533f39197413b4426262626683d43512270j53">人才招募</a></div> <div class="col MobileHide"><a href="https://www.sanmin.com.tw/other/voucher">禮券兌換</a></div> <div class="col"><a href="https://www.sanmin.com.tw/promote/bonus">紅利積點</a></div> <div class="col"><a href="https://www.sanmin.com.tw/promote/library">中文分類</a></div> <div class="col"><a href="https://www.sanmin.com.tw/product/scheme/?id=000">圖書分類法</a></div> <div class="col"><a href="https://www.sanmin.com.tw/product/schemechina/?id=A">中國圖書館分類法</a></div> <div class="col "><a href="https://www.sanmin.com.tw/home/faq/">常見問題</a></div> <div class="col MobileHide"><a href="https://www.sanmin.com.tw/home/faq/新手購書">新手購書</a></div> <div class="col"><a href="https://www.sanmin.com.tw/member/index/couponreg">通關密碼</a></div> <div class="col"><a href="https://elearning.sanmin.com.tw/">學習平台</a></div> <div class="col MobileHide"><a href="https://www.sanmin.com.tw/static/catalogue">圖書館採購/編目</a></div> <div class="col"><a href="https://activity.sanmin.com.tw/nou/">空中大學購書</a></div> <div class="col MobileHide"><a href="https://www.sanmin.com.tw/static/businesscustomer">企業合作</a></div> <div class="col MobileHide"><a href="https://www.sanmin.com.tw/other/cooperation">異業合作</a></div> <div class="col"><a href="https://www.sanmin.com.tw/blog/index">閱讀潮評</a></div> <div class="col"><a href="https://www.sanmin.com.tw/static/g_Link">好站連結</a></div> </div> </div> <div class="d-none d-md-inline-block"> <h3 class="Bold text-yellow fs-20">圖書目錄 >> </h3> <div class="p5 lh-18 mb10"> <div class="row row-cols-3 text-left fs-16"> <div> <a href="https://drive.google.com/file/d/1lqCGLstDfjSsP19EBNKM7Yv1M0e-41So/view?usp=sharing">三民・東大・弘雅三民</a> </div> <div> <a href="https://drive.google.com/file/d/1_9F89z01Pbc7RNVkBoaEf-kbKkBo3eLS/view?usp=sharing">小山丘童書(0-6歲)</a> </div> <div> <a href="https://drive.google.com/file/d/1_5CdIcQpltRg_W40Qj8aCtN_KMy9KEU4/view?usp=sharing">兒童・青少年(7歲以上)</a> </div> <div> <a href="https://drive.google.com/file/d/1_9IfRSoXgMyLykhCF84oOk-iifxpW9q6/view?usp=sharing">古籍圖書目錄</a> </div> <div> <a href="https://drive.google.com/file/d/1_BTZb2IMtGzdlXaOCSsFeqyebWPREv9E/view?usp=sharing">古典圖書目錄</a> </div> <div> <a href="https://drive.google.com/file/d/1_Bzpauv2oxyua-zIN0ggqs7isy0Aijcv/view?usp=sharing">畢業禮品</a> </div> </div> </div> <h3 class="Bold text-yellow fs-20">聯絡資訊 >> </h3> <div class="row text-light fs-14"> <div class="col"> <h4 class="text-light Bold"><i class="fas fa-map-marker-alt"></i> 網路書店</h4> <div><a href="https://goo.gl/maps/hnxoce4uHmT2" class="text-light" target="_blank">台北市復興北路386號</a></div> <div>電話：02-2500-6600轉 130、131</div> <div> 客服信箱：<a href="mailto:ec@sanmin.com.tw">ec@sanmin.com.tw</a> </div> </div> <div class="col"> <h4 class="text-light Bold"><i class="fas fa-map-marker-alt"></i> 復北店</h4> <div><a href="https://goo.gl/maps/hnxoce4uHmT2" class="text-light" target="_blank">台北市復興北路386號</a></div> <div>電話：02-2500-6600</div> <div>營業時間：AM11:00 - PM09:00</div> </div> <div class="col"> <h4 class="text-light Bold"> <i class="fas fa-map-marker-alt"></i> 重南店 </h4> <div><a href="https://goo.gl/maps/XSHRbPBDf5s" class="text-light" target="_blank">台北市重慶南路一段61號</a></div> <div>電話：02-2361-7511</div> <div>營業時間：AM11:00 - PM09:00</div> </div> </div> </div> </div> <div class="col-12 col-lg-4 p0"> <div class="text-center mb10"> <a href="https://www.sanmin.com.tw/other/epaper" target="_blank"><img src="https://cdnec.sanmin.com.tw/images/layout/epaper.gif" alt="訂閱電子報"></a> <a href="https://www.sanmin.com.tw/staticpage/hkck/index.html" target="_blank"><img src="https://cdnec.sanmin.com.tw/images/layout/hkckship.gif" alt="香港便利店"></a> </div> <h3 class="Bold text-yellow fs-20 text-left">聚焦三民 >> </h3> <div id="FollowSanmin" class=""> <div class="row row-cols-5"> <div class="col"><a href="https://www.facebook.com/sanminfans/" target="_blank"><div class="border"><i class="bi bi-facebook"></i></div><span>三民書局</span></a></div> <div class="col"><a href="https://www.facebook.com/sanmineditor/" target="_blank"><div class="border"><i class="bi bi-facebook"></i></div><span>三民出版</span></a></div> <div class="col"><a href="https://www.instagram.com/sanminbook/" target="_blank"><div class="border"><i class="bi bi-instagram"></i></div></a></div> <div class="col"><a href="https://line.me/R/ti/p/5uaGk_kB9l" target="_blank"><div class="border"><i class="bi bi-line"></i></div></a></div> <div class="col"><a href="https://www.youtube.com/channel/UC3ws3A0NjQcJmN1ZPs-UWgQ" target="_blank"><div class="border"><i class="bi bi-youtube"></i></div></a></div> </div> </div> <div class=" text-center pb10"> <img src="https://cdnec.sanmin.com.tw/images/logo/footer_logo_g.png" class="mw-100" alt="三民網路書店"> </div> <div class="section px10"> <div class="copyright fs-14 lh-20 w260 m0"> <div>本站著作權屬弘雅三民圖書股份有限公司<br />及相關著作權所有人所有</div> <div>Copyright © San Min Book Co.,Ltd.<br /> All Rights Reserved.</div> <div>統一編號：05134324</div> </div> </div> </div> </div> </div> </footer> </div> <div id="SideMenu"> <div class="MenuClose"> <button > <i class="bi bi-x"></i> </button> <div style="flex:7"></div> </div> <ul class="MenuBar row"> <li class="col"> <a href="/member/joinApply "> <i class="bi bi-person-plus-fill"></i> 加入會員 </a></li> <li class="col"> <a href="javascript:;" onclick="Login();"> <i class="bi bi-box-arrow-in-right"></i> 會員登入 </a> </li> <li class="col"><a href="/home/faq"><i class="bi bi-question-circle-fill"></i> 客服中心</a></li> <li class="col"><a href="/coupon/index/"><i class="bi bi-currency-dollar"></i> 領券專區</a></li> </ul> <div class="MenuBody"> <div class="MenuLeft"> <ul class="Menulink"> <li> <a href="/">首頁 </a> </li> <li class="active" name="網站導航"> <a alt="網站導航" onclick="SideMenuActive('網站導航')">網站導航 </a> </li> <li name="三民東大"> <a url="/promote/sanmin" alt="三民東大" onclick="SideMenuActive('三民東大','/promote/sanmin')">三民東大 </a> </li> <li name="親子館"> <a url="/promote/child" alt="親子館" onclick="SideMenuActive('親子館','/promote/child')">親子館 </a> </li> <li name="中文書"> <a url="/promote/library" alt="中文書" onclick="SideMenuActive('中文書','/promote/library')">中文書 </a> </li> <li name="外文書"> <a url="/promote/originaltext" alt="外文書" onclick="SideMenuActive('外文書','/promote/originaltext')">外文書 </a> </li> <li name="簡體書"> <a url="/promote/china" alt="簡體書" onclick="SideMenuActive('簡體書','/promote/china')">簡體書 </a> </li> <li name="文具禮品"> <a url="/promote/stationery" alt="文具禮品" onclick="SideMenuActive('文具禮品','/promote/stationery')">文具禮品 </a> </li> <li name="生活市集"> <a url="/promote/life" alt="生活市集" onclick="SideMenuActive('生活市集','/promote/life')">生活市集 </a> </li> <li name="漫畫館"> <a url="/promote/comic" alt="漫畫館" onclick="SideMenuActive('漫畫館','/promote/comic')">漫畫館 </a> </li> <li name="教科考用"> <a url="/promote/exam" alt="教科考用" onclick="SideMenuActive('教科考用','/promote/exam')">教科考用 </a> </li> <li name="政府出版"> <a url="/promote/government" alt="政府出版" onclick="SideMenuActive('政府出版','/promote/government')">政府出版 </a> </li> <li name="香港出版"> <a url="/promote/hongkong" alt="香港出版" onclick="SideMenuActive('香港出版','/promote/hongkong')">香港出版 </a> </li> <li name="大學出版"> <a url="/promote/university" alt="大學出版" onclick="SideMenuActive('大學出版','/promote/university')">大學出版 </a> </li> <li name="得獎作品"> <a url="/promote/prize" alt="得獎作品" onclick="SideMenuActive('得獎作品','/promote/prize')">得獎作品 </a> </li> <li name="暢銷榜"> <a url="/promote/top" alt="暢銷榜" onclick="SideMenuActive('暢銷榜','/promote/top')">暢銷榜 </a> </li> <li name="新品"> <a url="/promote/hotbook" alt="新品" onclick="SideMenuActive('新品','/promote/hotbook')">新品 </a> </li> <li name="套書"> <a url="/promote/packagebook" alt="套書" onclick="SideMenuActive('套書','/promote/packagebook')">套書 </a> </li> <li> <a href="/promote/bonus">紅利兌換 </a> </li> <li> <a href="https://activity.sanmin.com.tw/addbuy">加價構 </a> </li> <li> <a href="/promote/publisher">主題書展 </a> </li> </ul> </div> <div class="MenuRight"> <div class="MenuContent show" name="網站導航"> <div class="panel bg-sanmin"> <div class="panel-title">三民書局</div> <div class="panel-body"> <div class="row row-cols-2 lh-30 fs-16 sublist"> <div class="col"><a href="/static/history">關於我們</a></div> <div class="col"> <a href="/store/index">門市專區 </a> </div> <div class="col"> <a href="https://activity.sanmin.com.tw/promotions/event/122103sanmin/index">藝文講座 </a> </div> <div class="col"> <a href="https://elearning.sanmin.com.tw/">學習平台 </a> </div> <div class="col"><a href="/other/cooperation">異業合作</a></div> <div class="col"><a href="/static/catalogue">圖書採購/編目</a></div> <div class="col"><a href="http://www.104.com.tw/jobbank/custjob/index.php?r=cust&j=456143252c393f6831593c20533f39197413b4426262626683d43512270j53" target="_blank">人才招募</a></div> <div class="col"><a href="/other/voucher">禮券兌換處</a></div> <div class="col"><a href="/i">瀏覽器資訊</a></div> </div> </div> </div> <div class="panel bg-sanmin"> <div class="panel-title">三民網路書店服務</div> <div class="panel-body"> <div class="row row-cols-2 sublist"> <div class="col"><a href="/static/termsofservice">會員服務條款</a></div> <div class="col"><a href="/static/termssecurity">資訊安全警語</a></div> <div class="col"><a href="/static/termspprivacy">隱私權政策</a></div> <div class="col"><a href="/home/faq/新手購書">新手購書</a></div> <div class="col"><a href="/product/scheme/?id=000">圖書分類</a></div> <div class="col"><a href="/product/schemechina/?id=A">中國圖書館分類</a></div> <div class="col"><a href="https://activity.sanmin.com.tw/nou/?Kind=Book">空中大學購書</a></div> <div class="col"><a href="/static/g_divnk">好站連結</a></div> </div> </div> </div> <div class="panel bg-sanmin"> <div class="panel-title">企業會員專區</div> <div class="panel-body"> <div class="row row-cols-2 sublist"> <div class="col"><a href="/static/businessclause/?type=join">加入企業會員</a></div> <div class="col"><a href="/static/businessclause">服務條款</a></div> <div class="col"><a href="/static/businessprocurement">會員須知</a></div> </div> </div> </div> <div class="panel bg-sanmin"> <div class="panel-title">圖書目錄下載</div> <div class="panel-body"> <div class="row row-cols-2 sublist"> <div class="col-12"><a href="https://drive.google.com/file/d/1lqCGLstDfjSsP19EBNKM7Yv1M0e-41So/view?usp=sharing">三民・東大・弘雅三民</a></div> <div class="col-12"><a href="https://drive.google.com/file/d/1_9F89z01Pbc7RNVkBoaEf-kbKkBo3eLS/view?usp=sharing">小山丘童書(0-6歲)</a></div> <div class="col-12"><a href="https://drive.google.com/file/d/1_5CdIcQpltRg_W40Qj8aCtN_KMy9KEU4/view?usp=sharing">兒童・青少年(7歲以上)</a></div> <div class="col"><a href="https://drive.google.com/file/d/1_9IfRSoXgMyLykhCF84oOk-iifxpW9q6/view?usp=sharing">古籍圖書目錄</a></div> <div class="col"><a href="https://drive.google.com/file/d/1_BTZb2IMtGzdlXaOCSsFeqyebWPREv9E/view?usp=sharing">古典圖書目錄</a></div> <div class="col"><a href="https://drive.google.com/file/d/1_Bzpauv2oxyua-zIN0ggqs7isy0Aijcv/view?usp=sharing">畢業禮品</a></div> </div> </div> </div> </div> </div> </div> </div> <script> $(function () { var $Menu = $('#SideMenu'); $('.SideMenuBtn').click(function () { $Menu.show(); if ($('#PromoUrl').length == 1) { var url = $('#PromoUrl').val(); var id = $('#PromoteSelectID').val(); url=url.replace(/\/$/g,''); var $a = $Menu.find('[url="' + url + '"]'); $a.click(); } }) $Menu.find('.MenuClose').click(function () { $Menu.hide(); }); }) function SideMenuActive(name,url) { var $m = $('#SideMenu'); var $mr = $m.find('.MenuRight'); var $tab = $mr.find('.MenuContent[name="' + name + '"]'); var $ml = $m.find('.Menulink'); $ml.find('.active').removeClass('active'); $ml.find('[name="'+ name +'"]').addClass('active'); $mr.find('.show').removeClass('show'); if ($tab.length == 0 && true) { $tab = $('<div>').addClass('MenuContent').attr('name', name); var $div = $('<div/>').html(name); var PromoUrl = $('#PromoUrl').val(); if (PromoUrl !=null && PromoUrl.includes(url)) { var $left = $('.left-menu'); $div.html($left.html()); } else { $div = $('<div/>').load(url + '/?id=menu'); } $div.appendTo($tab); $tab.appendTo($mr); } $tab.addClass('show'); } </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script> <script src="/scripts/rwd/click.js?v=030028"></script> <script src="/scripts/jquery.rwdImageMaps.min.js?v=030028"></script>  <script src="/scripts/swiper/swiper.min.js?v=030028"></script> <script src="/scripts/rwd/silder.js?v=030028"></script> <script src="https://unpkg.com/vue@3.4.4/dist/vue.global.js"></script> <script src="/scripts/lazyload.js"></script> <script src="/scripts/mvcsite.js?v=030028"></script> <script src="/scripts/sanminui.js?v=030028"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Book", "additionalType":"Product", "@id": "https://www.sanmin.com.tw/product/index/001361357", "isbn": "9787302224181", "name": "跟我學HTML+CSS(配光盤)（簡體書）", "url": "https://www.sanmin.com.tw/product/index/001361357", "image": "https://cdnec.sanmin.com.tw/product_images/730/730222418.jpg", "description":"書名：跟我學HTML+CSS(配光盤)（簡體書），ISBN：9787302224181，出版社：清華大學出版社（大陸），作者：許茂偉、馬軍，頁數：464，出版日期：2010/09/01，類別：工業技術", "BookFormat": "GraphicNovel", "numberOfPages": "464", "datePublished": "2010-09-01", "typicalAgeRange":"0", "bookEdition": "", "version": "", "author": [{ "@type": "Person", "name": "許茂偉、馬軍" }], "publisher": [{ "@type": "Organization", "name": "清華大學出版社（大陸）" }], "offers": { "@type": "Offer", "priceCurrency":"TWD", "price": "303", "availability":"http://schema.org/OutOfStock", "url":"https://www.sanmin.com.tw/product/index/001361357", "priceValidUntil":"2024-04-25" } } </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"首頁","item":"https://www.sanmin.com.tw"},{"@type":"ListItem","position":2,"name":"簡體書","item":"http://www.sanmin.com.tw/promote/china"},{"@type":"ListItem","position":3,"name":"電腦〈計算機〉","item":"http://www.sanmin.com.tw/promote/china/?id=nn14"},{"@type":"ListItem","position":4,"name":"電腦入門","item":"http://www.sanmin.com.tw/promote/china/?id=nn1401"}]} </script> <script type="text/javascript"> $(function () { $(".TryToSeeSmall").lazyload(); $('.ProductImageSilder').bind('click mouseenter ', function () { var isload = $(this).hasClass('isload'); if (!isload) { $(".TryToSeeBig").lazyload(); $(this).addClass('isload'); } }) var url = 'https://www.sanmin.com.tw/product/index/001361357'; var form = '<iframe src="https://www.facebook.com/plugins/like.php?href=' + url + '&width=146&layout=button_count&action=like&size=large&show_faces=true&share=true&height=40&appId=231535363937338" width="65vw" style="border:none;overflow:hidden;height:32px;" scrolling="no" frameborder="0"allowtransparency="true" allow="encrypted-media"></iframe>'; $('#DviFaceBook').html(form); var SilderBottom = new Swiper(".ProductImageSilder >.Silder-Bottom", { spaceBetween: 5, slidesPerView: 5, freeMode: true, watchSlidesProgress: true, }); var SilderTop = new Swiper(".ProductImageSilder >.Silder-Top", { spaceBetween: 10, thumbs: { swiper: SilderBottom, }, }); $('.ZoomIn').click(function () { var $silder = $('.ProductCover'); var $top = $('.Silder-Top'); if ($silder.hasClass('bg-mask')) { $silder.removeClass('bg-mask'); $(this).find('i').attr('class', 'bi bi-search'); } else { $silder.addClass('bg-mask'); $(this).find('i').attr('class', 'bi bi-x-lg'); } SilderTop.update(); SilderBottom.update(); }); App_History.add('001361357','730222418', '跟我學HTML+CSS(配光盤)（簡體書）', 'https://cdnec.sanmin.com.tw/product_images/730/730222418.jpg'); var History = ProductHistory('#ProductHistory'); if (History.log.length == 0) { $('#ProdBrowse').hide(); } setTimeout(function () { $('#IndexRelation').load('/product/relation/730222418') }, 100); $('.IntroSection').each(function () { var $body = $(this).find('.SectionBody'); var h = $body.height(); var title = $(this).find('.SectionTitle').text(); if (h >= 150) { //$body.css('max-height', 150); var $btn = $('<button/>').addClass('IntroMore').html('More'); $btn.appendTo($body); $btn.click(function () { $body.css('max-height', 5000); $(this).remove(); }); } }); }) function PlatformAlert(title, url) { var r = confirm("您將離開本網站，前往" + title); if (r == true) { window.open(url); } } </script> <script> var iframeMode = false; if (self.frameElement && self.frameElement.tagName == "IFRAME") { iframeMode = true; } else if (window.frames.length != parent.frames.length) { iframeMode = true; } else if (self != top) { iframeMode = true; } if (iframeMode) { $('body').addClass('iframe'); } function AddCart(pf_id, addfrom) { //Start-----GA加入購物車事件 sanminCrossDomain.push({ 'addPfid': pf_id }); //End-----GA加入購物車事件 if ($('#DivAddItem').length == 0) { $('<div/>').attr('id', 'DivAddItem').appendTo('body'); } var url = httpsHost + '/shopping/addItem/?id=' + pf_id + '&js=true&addfrom=' + addfrom; $('.AddScript').remove(); var $Script = $('<script/>').addClass('.AddScript'); $Script.attr('src', url); $Script.appendTo('body'); return true; } </script> </body> </html>

跟我學HTML+CSS(配光盤)（簡體書）

商品簡介

目次