滿額折
Web開發技術：HTML、CSS、JavaScript（簡體書）
- 系列名：“十三五”普通高等教育規劃教材
- ISBN13：9787111592136
- 出版社：機械工業出版社
- 作者：趙振
- 裝訂／頁數：平裝／264頁
- 規格：18cm*26cm (高/寬)
- 出版日：2018/05/01
相關商品
商品簡介
目次
商品簡介
《Web開發技術――HTML、CSS、JavaScript》主要講解了Web前端開發的相關知識，主要包括HTML、CSS和JavaScript等內容。在講解理論知識的基礎上，《Web開發技術――HTML、CSS、JavaScript》更加重視應用實踐，分3個層次來強化學生的實際動手能力，包括每個知識點後的示例demo，每章後的綜合應用實例，以及每個部分後的實際案例。本書配套提供所有的源代碼。
《Web開發技術――HTML、CSS、JavaScript》從實用的角度出發，在設計案例、章節內容等方面，力求能夠滿足讀者需求，使讀者可以迅速理解並借鑒應用相關知識點。
《Web開發技術――HTML、CSS、JavaScript》既可作為高等學校Web開發基礎課程的教材，也可作為Web開發人員的技術參考書。
《Web開發技術――HTML、CSS、JavaScript》從實用的角度出發，在設計案例、章節內容等方面，力求能夠滿足讀者需求，使讀者可以迅速理解並借鑒應用相關知識點。
《Web開發技術――HTML、CSS、JavaScript》既可作為高等學校Web開發基礎課程的教材，也可作為Web開發人員的技術參考書。
目次
前言
第1章 HTML基礎
1.1 HTML簡介
1.2 HTML開發工具簡介
1.3 第一張HTML網頁
1.3.1 HTML的相關基本概念
1.3.2 HTML文檔基本結構
1.3.3 創建HTML網頁
1.4 實驗與練習
第2章 HTML基本標簽
2.1 頭部標簽
2.2 標題標簽
<BR>2.3 元信息標簽<meta>
<BR>2.3.1 <meta>基本語法及相關屬性
<BR>2.3.2 標記頁面關鍵字
<BR>2.3.3 標記頁面說明
<BR>2.3.4 標記頁面作者
<BR>2.3.5 標記頁面解碼方式
<BR>2.3.6 設置頁面自動跳轉
<BR>2.4 主體標簽<body>
<BR>2.4.1 背景色屬性bgcolor
<BR>2.4.2 背景圖片屬性background
<BR>2.4.3 背景圖片水印效果屬性
<BR>bgproperties
<BR>2.4.4 文本顏色屬性text
<BR>2.4.5 邊距屬性margin
<BR>2.5 注釋標簽
<BR>2.6 實驗與練習
<BR>第3章 HTML文本格式標簽
<BR>3.1 文字標簽<font>
<BR>3.1.1 文字字體屬性face
<BR>3.1.2 文字顏色屬性color
<BR>3.1.3 文字大小屬性size
<BR>3.2 標題標簽<h1>～<h6>
<BR>3.3 一些文本特殊格式標簽
<BR>3.4 段落控制標簽
<BR>3.4.1 段落標簽<p>、<br />
<BR>3.4.2 段落縮進標簽<blockquote>
<BR>3.5 列表標簽
<BR>3.5.1 有序列表標簽<ol>
<BR>3.5.2 無序列表標簽<ul>
<BR>3.5.3 定義列表標簽<dl>
<BR>3.6 水平線標簽<hr />
<BR>3.7 實驗與練習
<BR>第4章 超鏈接標簽
<BR>4.1 絕對路徑與相對路徑
<BR>4.1.1 絕對路徑
<BR>4.1.2 相對路徑
<BR>4.2 超鏈接標簽<a>
<BR>4.2.1 href屬性
<BR>4.2.2 name屬性
<BR>4.3 其他鏈接類型
<BR>4.4 超鏈接與SEO
<BR>4.5 實驗與練習
<BR>第5章 多媒體標簽
<BR>5.1 圖像標簽<img>
<BR>5.1.1 圖像源src屬性
<BR>5.1.2 圖像文字信息alt、title屬性
<BR>5.1.3 圖像大小width、height屬性
<BR>5.1.4 圖像邊框border屬性
<BR>5.1.5 圖像外邊距vspace、hspace屬性
<BR>5.1.6 圖像對齊align屬性
<BR>5.1.7 使用圖像超鏈接
<BR>5.1.8 定義圖像映射
<BR>5.2 動態滾動效果標簽<marquee>
<BR>5.3 播放音頻和視頻
<BR>5.4 實驗與練習
<BR>第6章 創建表格
<BR>6.1 表格基本標簽
<BR>6.1.1 表格標簽<table>、行標簽<tr>
<BR>及單元格標簽<td>
<BR>6.1.2 表格標題標簽<caption>
<BR>6.1.3 表格表頭標簽<th>
<BR>6.2 表格標簽的相關屬性
<BR>6.2.1 跨行、跨列屬性rowspan、
<BR>colspan
<BR>6.2.2 設置單元格間距、內邊距屬性
<BR>ellspacing、cellpadding
<BR>6.2.3 表格、單元格寬度、高度屬性
<BR>width、height
<BR>6.2.4 表格、單元格背景顏色屬性
<BR>bgcolor
<BR>6.2.5 表格、行及單元格水平對齊方式
<BR>屬性align
<BR>6.2.6 表格、行及單元格垂直對齊方式
<BR>屬性valign
<BR>6.2.7 表格邊框可見屬性frame、rules
<BR>6.3 實驗與練習
<BR>第7章 創建框架
<BR>7.1 框架集標簽<frameset>
<BR>7.1.1 水平分割、垂直分割窗口rows、
<BR>cols屬性
<BR>7.1.2 框架邊框屬性border及
<BR>bordercolor
<BR>7.1.3 使用noframes屬性設置框架無效時
<BR>的替代文本
<BR>7.2 框架標簽<frame>
<BR>7.2.1 frame框架標簽的若干屬性
<BR>7.2.2 使用超鏈接中的target屬性
<BR>控制框架跳轉顯示
<BR>7.3 浮動框架標簽<iframe>
<BR>7.4 實驗與練習
<BR>第8章 創建表單
<BR>8.1 表單標簽
<BR>8.2 輸入標簽<input>
<BR>8.3 列表標簽<select>
<BR>8.4 文本域標簽<textarea>
<BR>8.5 實驗與練習
<BR>第9章 項目實訓1―使用HTML進行
<BR>物業公司網站設計
<BR>9.1 網站需求分析
<BR>9.2 網頁佈局設計與實現
<BR>9.2.1 網頁佈局總體設計
<BR>9.2.2 網頁佈局方法選擇
<BR>9.2.3 網頁佈局實現
<BR>9.3 網站色彩設計
<BR>9.3.1 色彩的基本知識
<BR>9.3.2 色彩搭配原則
<BR>9.3.3 本網站的色彩設計
<BR>9.4 網站局部設計與實現
<BR>9.4.1 公司商標和公司名稱部分
<BR>9.4.2 宣傳圖片、橫幅或標語部分
<BR>9.4.3 公司新聞與榮譽資質部分
<BR>9.4.4 網站導航和正文部分
<BR>9.4.5 頁腳部分
<BR>9.5 總結分析
<BR>第10章 CSS基礎
<BR>10.1 CSS基本概念
<BR>10.2 CSS的特點
<BR>10.3 HTML文檔使用CSS的方式
<BR>10.4 第一個CSS樣式設計
<BR>10.5 實驗與練習
<BR>第11章 CSS語法
<BR>11.1 CSS的基本語法格式
<BR>11.2 選擇符
<BR>11.2.1 HTML選擇符
<BR>11.2.2 類選擇符
<BR>11.2.3 id選擇符
<BR>11.2.4 偽類選擇符
<BR>11.3 CSS的複合使用方式
<BR>11.3.1 CSS樣式的組合
<BR>11.3.2 CSS樣式的繼承
<BR>11.3.3 CSS樣式的關聯
<BR>11.4 實驗與練習
<BR>第12章 CSS的常用屬性
<BR>12.1 字體屬性
<BR>12.1.1 字體系列屬性font-family
<BR>12.1.2 字體風格屬性font-style
<BR>12.1.3 字體大小屬性font-size
<BR>12.1.4 字體綜合屬性font
<BR>12.2 背景屬性
<BR>12.2.1 背景顏色屬性background-color
<BR>12.2.2 背景圖片屬性background-image、
<BR>background-repeat
<BR>12.2.3 背景綜合屬性background
<BR>12.3 文本屬性
<BR>12.3.1 顏色屬性color
<BR>12.3.2 文本修飾屬性text-decoration
<BR>12.3.3 對齊方式屬性text-align
<BR>12.3.4 行高屬性line-height
<BR>12.4 邊距屬性
<BR>12.4.1 外邊距屬性
<BR>12.4.2 內邊距屬性
<BR>12.5 邊框屬性
<BR>12.5.1 邊框基本屬性
<BR>12.5.2 邊框綜合屬性
<BR>12.6 列表屬性
<BR>12.6.1 列表項標誌類型屬性
<BR>list-style-type
<BR>12.6.2 列表項標誌位置屬性
<BR>list-style-position
<BR>12.6.3 列表項標誌圖像屬性
<BR>list-style-image
<BR>12.6.4 列表項綜合屬性list-style
<BR>12.7 偽類:link、:visited、:hover、
<BR> :active
<BR>12.8 實驗與練習 </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/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/promotions/2024/0325simplified_chinese/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/13356.gif" alt="" />
</div>
<div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">單79五70</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/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 class="swiper-slide text-center p2">
<a href="https://activity.sanmin.com.tw/promotions/event/13reading/page/?id=a8&pi=1&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/13400.gif" alt="" />
</div>
<div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</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/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/promotions/2024/0325simplified_chinese/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/13356.gif" alt="" />
</div>
<div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">單79五70</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/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 class="swiper-slide text-center p2">
<a href="https://activity.sanmin.com.tw/promotions/event/13reading/page/?id=a8&pi=1&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/13400.gif" alt="" />
</div>
<div class="fs-12 text-blue1 mt3">優惠方式：<span class="price">熱賣中</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/007757614/?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/986507168.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="下班後1小時的極速學習攻略：職場進修達人不辭職，靠「偷時間」高效學語言、修課程，10年考取10張證照" />
</div>
<div class="text-prodtitle2">下班後1小時的極速學習攻略：職場進修達人不辭職，靠「偷時間」高效學語言、修課程，10年考取10張證照</div>
</div>
</a>
</div>
<div class="item swiper-slide p5">
<a href="/product/index/000092830/?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/957142740.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/006703479/?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/957879916.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="摺紙幾何學：60種特殊摺紙" />
</div>
<div class="text-prodtitle2">摺紙幾何學：60種特殊摺紙</div>
</div>
</a>
</div>
<div class="item swiper-slide p5">
<a href="/product/index/000097581/?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/957192082.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/007061585/?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/957146476.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/000484416/?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/957144486.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/012411835/?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/986506809.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/006993672/?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/957193147.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/007814716/?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/957053282.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/000097621/?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/957192123.jpg" src="//cdnec.sanmin.com.tw/images/loading1.gif" alt="天台性具思想(平)" />
</div>
<div class="text-prodtitle2">天台性具思想(平)</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>
<!-- 下方按鈕 mobile -->
<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">260</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('006782761');">
<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('006782761', '');">
<i class="bi bi-cart-fill"></i>
<br> 加入購物車
</button>
</div>
</div>
</div>
</div>
</div>
<!-- end 下方按鈕 mobile -->
<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=9787111592136', '圖書推薦採訪整合系統',);
});
}
})
</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=050024"></script>
<script src="/scripts/jquery.rwdImageMaps.min.js?v=050024"></script>
<!--swiper-->
<script src="/scripts/swiper/swiper.min.js?v=050024"></script>
<script src="/scripts/rwd/silder.js?v=050024"></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=050024"></script>
<script src="/scripts/sanminui.js?v=050024"></script>
<script type="application/ld+json">
{ "@context": "http://schema.org", "@type": "Book", "additionalType":"Product",
"@id": "https://www.sanmin.com.tw/product/index/006782761", "isbn": "9787111592136", "name": "Web開發技術：HTML、CSS、JavaScript（簡體書）",
"url": "https://www.sanmin.com.tw/product/index/006782761", "image": "https://cdnec.sanmin.com.tw/product_images/711/711159213.jpg", "description":"書名：Web開發技術：HTML、CSS、JavaScript（簡體書），ISBN：9787111592136，出版社：機械工業出版社，作者：趙振，頁數：264，出版日期：2018/05/01",
"BookFormat": "Paperback",
"numberOfPages": "264", "datePublished": "2018-05-01",
"typicalAgeRange":"0-0", "bookEdition": "", "version": "",
"author": [{ "@type": "Person", "name": "趙振" }],
"publisher": [{ "@type": "Organization", "name": "機械工業出版社" }],
"offers": { "@type": "Offer", "priceCurrency":"TWD", "price": "260",
"availability":"http://schema.org/OutOfStock", "url":"https://www.sanmin.com.tw/product/index/006782761",
"priceValidUntil":"2024-04-17" } }
</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/006782761';
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('006782761','711159213', 'Web開發技術：HTML、CSS、JavaScript（簡體書）', 'https://cdnec.sanmin.com.tw/product_images/711/711159213.jpg');
var History = ProductHistory('#ProductHistory');
if (History.log.length == 0) {
$('#ProdBrowse').hide();
}
setTimeout(function () {
$('#IndexRelation').load('/product/relation/711159213')
}, 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>
第1章 HTML基礎
1.1 HTML簡介
1.2 HTML開發工具簡介
1.3 第一張HTML網頁
1.3.1 HTML的相關基本概念
1.3.2 HTML文檔基本結構
1.3.3 創建HTML網頁
1.4 實驗與練習
第2章 HTML基本標簽
2.1 頭部標簽
2.2 標題標簽