近年來隨著網絡信息技術的廣泛應用，越來越多的個人、企業都紛紛建立自己的網站，利用網站來宣傳、推廣自己的產品和服務，網頁技術已經成為當代青年學生的知識技能。目前大部分制作網頁的方式都是運用可視化的網頁編輯軟件進行操作，這些軟件的功能強大，使用方便，但是對于高級網頁制作人員來講，仍需要了解HTML、CSS等網頁設計語言和技術的使用方法，這樣才能充分發揮自己的想象力，更加自由地設計符合要求的網頁，以實現網頁設計軟件不能實現的許多重要功能。
本書主要內容
本書圍繞網頁設計師在網頁制作過程中的實際需要和應該掌握的技術，全面介紹了使用HTML、CSS進行網頁設計和制作的內容和技巧。本書不僅注重語法講解，還通過一個個鮮活、典型的案例來幫助讀者達到學以致用的目的。每個語法都有相應的實例，大多數章的后面還配有綜合實例。
本書共16章，主要內容包括HTML 5入門、用HTML設置文字與段落格式、用HTML創建精彩的圖像和多媒體頁面、用HTML創建超鏈接、使用HTML創建表格、創建交互式表單、用HTML 5繪制Canvas和SVG、CSS基礎知識、用CSS控制網頁文本和段落樣式、用CSS設計圖片和背景、用CSS制作實用的菜單和網站導航、CSS 3移動網頁開發、CSS盒子模型與定位、CSS Div布局方法、JavaScript基礎知識、設計制作企業網站等。
本書主要特色 知識系統、全面本書內容完全從網頁創建的實際應用出發，將HTML、CSS、JavaScript元素進行歸類，每個標記的語法、屬性和參數都有完整詳細的說明，信息量大，知識結構完善。
典型實例講解 本書配有大量案例，將基礎知識綜合貫穿全書，力求達到理論知識與實際操作完美結合的效果。
配合Dreamweaver進行講解 本書以淺顯的語言和詳細的步驟講解，介紹了在可視化網頁軟件Dreamweaver中，如何運用HTML、CSS代碼來創建網頁，使網頁制作變得更加得心應手。
? 代碼支持
本書提供案例的源代碼，便于讀者在實戰中掌握網頁設計與制作的每一項技能。
? 配圖豐富，效果直觀
對于每一個實例代碼，本書都配有相應的效果圖，讀者無須自行編碼，也可以看到相應的
運行結果或者顯示效果。在不便上機操作的情況下，可根據書中的實例和效果圖進行分析和比較。
本書讀者對象
? 網頁設計與制作人員
? 網站建設與開發人員
? 大中專院校相關專業師生
? 網頁制作培訓班學員
? 個人網站建設愛好者與自學人員
本書作者
本書主創人員為黔南民族師范學院副教授羅剛和原晉鵬，均為從事計算機教學工作的資深
教師，有著豐富的教學經驗和網絡開發經驗。由于時間所限，書中疏漏之處在所難免，懇請廣大讀者朋友批評指正。
配套素材及技術支持
本書的配套素材請用微信掃描下面的二維碼進行下載，如果在下載過程中碰到問題，請聯
系陳老師，聯系郵箱：chenlch@tup.tsinghua.edu.cn。
如果有技術性問題，請掃描下面的二維碼，聯系相關技術人員進行解決。
本書為2020 年貴州省教改項目雙創背景下地方高校Java 開發技術課程體系建設（項目號：2020230）、2018 年黔南民族師范學院教育質量提升工程項目軟件開發技術核心課程教學團隊（項目號：2018xjg0301）研究成果。
作者
2021.6
第1 章 HTML 5 入門 001
1.1 認識HTML 5 001
1.2 HTML 5 的新特性 003
1.3 HTML 5 與HTML 4 的區別 004
1.3.1 HTML 5 的語法變化 … 004
1.3.2 HTML 5 中的標記方法 005
1.3.3 HTML 5 語法中的3 個要點 005
1.4 新增的主體結構元素 … 006
1.4.1 article 元素 … 006
1.4.2 section 元素 008
1.4.3 nav 元素 009
1.4.4 aside 元素 … 011
1.5 新增的非主體結構元素 012
1.5.1 header 元素 012
1.5.2 hgroup 元素 013
1.5.3 footer 元素 … 014
1.5.4 address 元素 015
1.6 本章小結 016
第2 章 用HTML 設置文字與段落格式 … 017
2.1 HTML 頁面主體常用設置 … 017
2.1.1 定義網頁背景色：bgcolor 017
2.1.2 設置背景圖片：background 018
2.1.3 設置文字顏色：text … 019
2.1.4 設置鏈接文字屬性 … 020
2.1.5 設置頁面邊距 … 022
2.2 頁面頭部元素
和 … 023
2.3 頁面標題元素
… 024<br />2.4 插入其他標記 024<br />2.4.1 輸入空格符號 … 025<br />2.4.2 輸入特殊符號 … 025<br />2.5 設置文字的格式 … 026<br />2.5.1 字體：face … 026<br />2.5.2 字號：size … 027<br />2.5.3 文字顏色：color 028<br />2.5.4 粗體、斜體、下畫線：b、strong、i、em、cite、u … 029<br />2.5.5 上標與下標：sup、sub 030<br />2.5.6 多種標題樣式：<h1> ～<h6> … 031<br />2.6 設置段落的排版與換行 032<br />2.6.1 為文字分段：p … 032<br />2.6.2 段落的對齊屬性：align … 033<br />2.6.3 不換行標記：nobr 034<br />2.6.4 換行標記：br 035<br />2.7 水平線標記 … 035<br />2.7.1 插入水平線：hr … 036<br />2.7.2 水平線的寬度與高度：width、size 036<br />2.7.3 水平線的顏色：color 037<br />2.7.4 水平線的對齊方式：align 038<br />2.7.5 去掉水平線陰影：noshade 039<br />2.8 綜合實例設置頁面文本及段落 040<br />2.9 本章小結 042</p>
<p>第3 章 用HTML 創建精彩的圖像和多媒體頁面 … 043<br />3.1 網頁中常見的圖像格式 043<br />3.2 插入圖像并設置圖像屬性 … 044<br />3.2.1 圖像標記：img … 044<br />3.2.2 圖像高度：height 045<br />3.2.3 圖像寬度：width 046<br />3.2.4 圖像的邊框：border … 046<br />3.2.5 圖像水平間距：hspace 047<br />3.2.6 圖像垂直間距：vspace 048<br />3.2.7 圖像相對于文字的對齊方式：<br />align … 049<br />3.2.8 圖像的替代文字：alt 050<br />3.3 音頻和視頻 … 051<br />3.3.1 使用embed 051<br />3.3.2 使用video … 052<br />3.4 綜合實例創建多媒體網頁 … 054<br />3.5 本章小結 055</p>
<p>第4 章 用HTML 創建超鏈接 … 056<br />4.1 超鏈接和路徑 056<br />4.1.1 超鏈接的概念 … 056<br />4.1.2 路徑URL … 056<br />4.1.3 HTTP 路徑 … 057<br />4.1.4 FTP 路徑 … 058<br />4.1.5 郵件路徑 … 059<br />4.2 鏈接元素<a> 060<br />4.2.1 指定路徑屬性href 060<br />4.2.2 顯示鏈接目標屬性target … 061<br />4.2.3 鏈接的熱鍵屬性accesskey 062<br />4.3 創建圖像的超鏈接 064<br />4.3.1 創建鏈接區域元素<map> 064<br />4.3.2 鏈接區域的名稱屬性name 064<br />4.3.3 定義鼠標敏感區元素<area> 065<br />4.3.4 鏈接的路徑屬性href、nohref … 066<br />4.3.5 鼠標敏感區坐標屬性coords 067<br />4.4 創建錨點鏈接 069<br />4.5 綜合實例為網頁添加鏈接 … 070<br />4.6 本章小結 072</p>
<p>第5 章 使用HTML 創建表格… 073<br />5.1 創建并設置表格屬性 … 073<br />5.1.1 表格的基本標記：table、tr、td … 073<br />5.1.2 表格寬度和高度：width、height … 074<br />5.1.3 表格的標題：caption 075<br />5.1.4 表格的表頭：th … 077<br />5.1.5 表格對齊方式：align 078<br />5.1.6 表格的邊框寬度：border … 080<br />5.1.7 表格的邊框顏色：bordercolor … 081<br />5.1.8 單元格間距：cellspacing … 082<br />5.1.9 單元格邊距：cellpadding … 083<br />5.1.10 表格的背景色：bgcolor … 084<br />5.1.11 表格的背景圖像：<br />background 085<br />5.2 表格的結構標記 … 086<br />5.2.1 設計表頭樣式：thead 086<br />5.2.2 設計表主體樣式：tbody … 088<br />5.2.3 設計表尾樣式：tfoot… 089<br />5.3 綜合實例使用表格排版網頁 091<br />5.4 本章小結 095</p>
<p>第6 章 創建交互式表單 096<br />6.1 表單元素<form> … 096<br />6.1.1 動作屬性action … 096<br />6.1.2 發送數據方式屬性method 097<br />6.1.3 名稱屬性name … 097<br />6.2 表單對象<input> … 098<br />6.2.1 文本域text … 099<br />6.2.2 密碼域password 100<br />6.2.3 提交按鈕submit 101<br />6.2.4 復位按鈕reset … 102<br />6.2.5 圖像域image 102<br />6.2.6 普通按鈕button … 103<br />6.2.7 復選框checkbox 104<br />6.2.8 單選按鈕radio … 105<br />6.2.9 隱藏域hidden … 106<br />6.3 綜合實例用戶注冊表單頁面 … 107<br />6.4 本章小結 112</p>
<p>第7 章 HTML 5 繪圖Canvas 和SVG … 113<br />7.1 Canvas 繪制基本圖形 … 113<br />7.1.1 Canvas 元素 113<br />7.1.2 繪制直線 … 114<br />7.1.3 繪制矩形 … 115<br />7.1.4 繪制三角形 118<br />7.1.5 繪制圓弧 … 119<br />7.1.6 繪制貝塞爾曲線 120<br />7.2 顏色和樣式選項 … 121<br />7.2.1 應用不同的線型 121<br />7.2.2 繪制線性漸變 … 123<br />7.2.3 繪制徑向漸變 … 125<br />7.3 變換 126<br />7.3.1 平移變換 … 127<br />7.3.2 縮放變換 … 128<br />7.3.3 旋轉變換 … 129<br />7.4 SVG 129<br />7.4.1 圖形繪制 … 130<br />7.4.2 文本與圖像 133<br />7.4.3 筆畫與填充 134<br />7.5 綜合實例繪制精美時鐘 134<br />7.6 本章小結 137</p>
<p>第8 章 CSS 基礎知識 … 138<br />8.1 CSS 3 簡介 … 138<br />8.1.1 CSS 基本概念 … 138<br />8.1.2 CSS 的優點 139<br />8.1.3 CSS 功能 … 140<br />8.1.4 CSS 發展史 140<br />8.2 在HTML 5 中使用CSS 141<br />8.2.1 行內樣式 … 141<br />8.2.2 內嵌樣式 … 142<br />8.2.3 鏈接樣式 … 143<br />8.2.4 導入樣式 … 144<br />8.2.5 優先級問題 144<br />8.3 選擇器類型 … 145<br />8.3.1 標簽選擇器 145<br />8.3.2 類選擇器 … 145<br />8.3.3 ID 選擇器 … 147<br />8.4 編輯和瀏覽CSS … 148<br />8.4.1 手工編寫CSS … 148<br />8.4.2 利用Dreamweaver 編寫CSS 149<br />8.5 綜合實例對網頁添加CSS 樣式 150<br />8.6 本章小結 152</p>
<p>第9 章 CSS 控制網頁文本和段落樣式 153<br />9.1 通過CSS 控制文本樣式 153<br />9.1.1 字體font-family … 153<br />9.1.2 字號font-size 154<br />9.1.3 加粗字體font-weight 156<br />9.1.4 字體風格font-style … 157<br />9.1.5 小寫字母轉換為大寫字母font-variant … 159<br />9.2 通過CSS 控制段落樣式 160<br />9.2.1 單詞間隔word-spacing 160<br />9.2.2 字符間隔letter-spacing 161<br />9.2.3 文字修飾text-decoration … 161<br />9.2.4 垂直對齊方式vertical-align 162<br />9.2.5 文本轉換text-transform … 163<br />9.2.6 水平對齊方式text-align … 164<br />9.2.7 文本縮進text-indent … 165<br />9.2.8 文本行高line-height … 166<br />9.3 綜合實例CSS 字體樣式綜合演練 167<br />9.4 本章小結 170</p>
<p>第10 章 用CSS 設計圖片和背景 … 171<br />10.1 設置網頁的背景 … 171<br />10.1.1 背景顏色 … 171<br />10.1.2 背景圖片 … 173<br />10.2 設置背景圖片的樣式 … 174<br />10.2.1 背景圖片重復 … 174<br />10.2.2 背景圖片附件 … 176<br />10.2.3 背景圖片定位 … 177<br />10.3 設置網頁圖片的樣式 … 180<br />10.3.1 設置圖片邊框 … 180<br />10.3.2 圖文混合排版 … 183<br />10.4 綜合實例 184<br />10.4.1 實例1為圖片添加邊框 … 184<br />10.4.2 實例2光標移到圖片時產生漸變效果 … 185<br />10.5 本章小結 187</p>
<p>第11 章 用CSS 制作實用的菜單和網站導航 … 188<br />11.1 列表的使用 … 188<br />11.2 控制列表樣式 188<br />11.2.1 ul 無序列表 189<br />11.2.2 ol 有序列表 190<br />11.2.3 dl 定義列表 191<br />11.2.4 更改列表起始數值 … 192<br />11.3 橫排導航 193<br />11.3.1 文本導航 … 193<br />11.3.2 標簽式導航 195<br />11.4 豎排導航 197<br />11.5 綜合實例 199<br />11.5.1 實例１實現背景變換的導航菜單 … 199<br />11.5.2 實例2利用CSS 制作橫向導航 … 201<br />11.5.3 實例3樹狀導航菜單 201<br />11.6 本章小結 204</p>
<p>第12 章 CSS 3 移動網頁開發… 205<br />12.1 預覽激動人心的CSS 3 205<br />12.2 邊框 209<br />12.2.1 圓角邊框 border-radius … 210<br />12.2.2 邊框圖片border-image … 211<br />12.2.3 邊框陰影box-shadow 212<br />12.3 背景 214<br />12.3.1 背景圖片尺寸background-size 214<br />12.3.2 背景圖片定位區域background-origin … 215<br />12.3.3 背景繪制區域background-clip 216<br />12.4 文本 217<br />12.4.1 文本陰影text-shadow 218<br />12.4.2 強制換行word-wrap 219<br />12.4.3 文本溢出text-overflow … 219<br />12.5 多列 221<br />12.5.1 創建多列column-count … 221<br />12.5.2 列的寬度column-width … 222<br />12.6 轉換 223<br />12.6.1 移動translate() … 223<br />12.6.2 旋轉rotate() 224<br />12.6.3 縮放scale() 225<br />12.7 綜合實例將鼠標放上去移動并旋轉圖片 … 227<br />12.8 本章小結 228</p>
<p>第13 章 CSS 盒子模型與定位… 229<br />13.1 盒子與模型的概念探究 … 229<br />13.2 border … 230<br />13.2.1 邊框樣式：border-style … 231<br />13.2.2 屬性值的簡寫形式 … 233<br />13.2.3 邊框與背景 234<br />13.3 設置內邊距(padding) … 235<br />13.4 設置外邊距(margin) 237<br />13.5 盒子的定位 … 240<br />13.5.1 靜態定位(static) 240<br />13.5.2 相對定位(relative) … 241<br />13.5.3 定位(absolute) … 242<br />13.5.4 固定定位(fixed) 245<br />13.6 盒子的浮動 … 246<br />13.7 綜合案例設置第1 個浮動的Div … 246<br />13.8 本章小結 248</p>
<p>第14 章 CSS Div 布局方法… 249<br />14.1 CSS 布局模型 … 249<br />14.1.1 關于CSS 布局 … 249<br />14.1.2 流動布局模型 … 250<br />14.1.3 浮動布局模型 … 252<br />14.1.4 層布局模型 256<br />14.1.5 高度自適應 258<br />14.2 CSS 布局理念 260<br />14.2.1 將頁面用Div 分塊 … 260<br />14.2.2 設計各塊的位置 260<br />14.2.3 用CSS 定位 261<br />14.3 常見的布局類型 … 262<br />14.3.1 列固定寬度 262<br />14.3.2 列自適應 … 264<br />14.3.3 兩列固定寬度 … 266<br />14.3.4 兩列寬度自適應 267<br />14.3.5 兩列右列寬度自適應 268<br />14.3.6 三列浮動中間寬度自適應 269<br />14.3.7 三行二列居中高度自適應布局 … 270<br />14.4 本章小結 272</p>
<p>第15 章 JavaScript 基礎知識 … 273<br />15.1 JavaScript 的添加方法 273<br />15.1.1 內部引用 … 273<br />15.1.2 外部調用js 文件 274<br />15.1.3 添加到事件中 … 275<br />15.2 基本數據類型 275<br />15.2.1 使用字符串型數據 … 275<br />15.2.2 使用數值型數據 276<br />15.2.3 使用布爾型數據 277<br />15.2.4 使用Undefined 和Null類型 … 277<br />15.3 常量和變量 … 278<br />15.3.1 常量 … 278<br />15.3.2 常量的使用方法 279<br />15.3.3 變量的定義 280<br />15.4 使用選擇語句 281<br />15.4.1 if 選擇語句 281<br />15.4.2 if…else 選擇語句 … 282<br />15.4.3 if…else if…else 選擇語句 283<br />15.4.4 switch 多條件選擇語句 … 285<br />15.5 使用循環語句 286<br />15.5.1 for 循環語句 … 286<br />15.5.2 while 循環語句 288<br />15.5.3 do-while 循環語句 … 289<br />15.5.4 break 和continue 跳轉語句 … 290<br />15.6 事件 291<br />15.6.1 事件詳解 … 292<br />15.6.2 事件與事件驅動 292<br />15.7 JavaScript 對象 … 294<br />15.7.1 聲明和實例化 … 295<br />15.7.2 對象的引用 296<br />15.7.3 navigator 對象 … 297<br />15.7.4 window 對象 … 298<br />15.7.5 location 對象 … 299<br />15.7.6 history 對象 301<br />15.7.7 document 對象 … 302<br />15.8 綜合實例改變網頁背景顏色 303<br />15.9 本章小結 304</p>
<p>第16 章 設計制作企業網站 … 305<br />16.1 企業網站設計概述 305<br />16.1.1 企業網站主要功能 … 305<br />16.1.2 頁面配色 … 307<br />16.1.3 排版構架 … 308<br />16.2 各部分設計 … 309<br />16.2.1 頁面的通用規則 309<br />16.2.2 制作網站導航部分 … 310<br />16.2.3 制作header 右側部分 313<br />16.2.4 制作歡迎部分 … 322<br />16.3 本章小結 326</p>
</div>
</div>
<div id="1111616661" class="clear"></div>
<script type="text/javascript">
function tab(a,b,c)
{
for(i=1;i<=b;i++){
if(c==i)
{
// 判斷選擇模塊
document.getElementById(a+"_mo_"+i).style.display = "block"; // 顯示模塊內容
document.getElementById(a+"_to_"+i).className = "no"; // 改變菜單為選中樣式
}
else{
// 沒有選擇的模塊
document.getElementById(a+"_mo_"+i).style.display = "none"; // 隱藏沒有選擇的模塊
document.getElementById(a+"_to_"+i).className = "q"; // 清空沒有選擇的菜單樣式
}
}
}
</script>
<div id="1111616661" class="b-comment">
<div id="1111616661" class="mt">
<span> 你還可能感興趣</span>
</div>
</div>
<div id="1111616661" class="d-comment">
<ul>
<li><a href="bookshow.asp?id=59071" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/e/TSTP/078929-01.jpg" alt="CSS3+DIV網頁樣式與布局從入門到精通（微課精編版）" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/e/TSTP/078929-01.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=59071" title="CSS3+DIV網頁樣式與布局從入門到精通（微課精編版）" target="_blank">CSS3+DIV網頁樣式與布局從入門到精通（微課精編版）</a></li><li><a href="bookshow.asp?id=56882" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/Download/20170731142296429642.jpg" alt="ASP.NET應用系統設計與開發" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/Download/20170731142296429642.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=56882" title="ASP.NET應用系統設計與開發" target="_blank">ASP.NET應用系統設計與開發</a></li><li><a href="bookshow.asp?id=179829" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/202311/9787121454073.jpg" alt="Web前端開發實訓案例教程（中級）" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/202311/9787121454073.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=179829" title="Web前端開發實訓案例教程（中級）" target="_blank">Web前端開發實訓案例教程（中級）</a></li><li><a href="bookshow.asp?id=180280" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/202408/9787121481376.jpg" alt="劍指Vue3" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/202408/9787121481376.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=180280" title="劍指Vue3" target="_blank">劍指Vue3</a></li><li><a href="bookshow.asp?id=51443" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/Download/20180307184972597259.jpg" alt="網站說服力：營銷型網站策劃（第2版）" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/Download/20180307184972597259.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=51443" title="網站說服力：營銷型網站策劃（第2版）" target="_blank">網站說服力：營銷型網站策劃（第2版）</a></li>
</ul>
</div>
<div id="1111616661" class="b-comment">
<div id="1111616661" class="mt">
<span> 我要評論</span>
</div>
</div>
<div id="1111616661" class="c-comment">
<form method="post" name="comment" action="/book_comment.asp">
<table border="0" cellspacing="1" cellpadding="3" class="commentlist">
<input name=id type=hidden value="140502">
<input name=title type=hidden value="HTML+CSS網站設計與開發從新手到高手">
<tr>
<th>您的姓名</th>
<td><input type="text" name="name" size="20" maxlength="20" class="form" /> 驗證碼：<input name="verifycode" type="text" size="7" style=" height:18px;" /> <img src="safecode.asp?" onClick="this.src+=Math.random()" alt="圖片看不清？點擊重新得到驗證碼" style="cursor:hand;" height="18" /></td>
</tr>
<tr>
<th>留言內容</th>
<td><textarea name="content" id="content" cols="46" rows="3" class="form-textarea" wrap=physical onKeyDown="checkMaxInput(this.form)" onKeyUp="checkMaxInput(this.form)" style="overflow:auto"></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value=" 發表評論 " name="cmdok" class="button" /><input type="hidden" name="do" value="save" /></td>
</tr>
</table>
</form>
</div>
<!---div class="b-comment_fenlei">
<ul>
</ul>
</div--->
</div>
</td>
</tr>
</table>
<div class="1111616661" id="footer">
<div id="1111616661" class="end_list"><a href="aboutus.asp" title="">關于我們</a><a href="Honor.asp" title="">榮譽資質</a><a href="lxwm.asp" target="_blank" title="">聯系我們</a></div>
<div id="1111616661" class="copyright_n">
Copyright 1993-2020 <a >book.book1993.com</a> Inc.All Rights Reserved<br>
公司名稱：山東中教產業發展股份有限公司 公司地址：山東省濟南市大橋鎮128號 聯系電話：400-0531-123
<br>版權所有：山東中教產業發展股份有限公司
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F34a0559de8bca702f061988709fd9a88' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
<div id="1111616661" class="ban_img"><img src="images/ban_img.png" width="691" height="55"></div>
</div>
<script src="/images/common.js" language="javascript"></script>
</body>
</html>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.jsyyzsb.com/" title="xxxfreesexmoves">xxxfreesexmoves</a>
<div class="friend-links">
</div>
</div>
</footer>
<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>
</body><div id="koysq" class="pl_css_ganrao" style="display: none;"><form id="koysq"></form><rt id="koysq"></rt><button id="koysq"></button><strong id="koysq"></strong><abbr id="koysq"><font id="koysq"></font></abbr><var id="koysq"><td id="koysq"><kbd id="koysq"></kbd></td></var><output id="koysq"><rp id="koysq"><var id="koysq"></var></rp></output><output id="koysq"></output><button id="koysq"></button><u id="koysq"></u><optgroup id="koysq"><label id="koysq"><noframes id="koysq"><legend id="koysq"></legend></noframes></label></optgroup><label id="koysq"><ol id="koysq"><font id="koysq"><noscript id="koysq"></noscript></font></ol></label><blockquote id="koysq"><delect id="koysq"><nobr id="koysq"><dfn id="koysq"></dfn></nobr></delect></blockquote><bdo id="koysq"><strong id="koysq"><form id="koysq"><dfn id="koysq"></dfn></form></strong></bdo><samp id="koysq"><del id="koysq"></del></samp><menu id="koysq"></menu><sup id="koysq"><address id="koysq"><thead id="koysq"></thead></address></sup><table id="koysq"><nav id="koysq"></nav></table><nobr id="koysq"></nobr><track id="koysq"><nobr id="koysq"></nobr></track><dfn id="koysq"><strong id="koysq"><address id="koysq"><thead id="koysq"></thead></address></strong></dfn><tbody id="koysq"><bdo id="koysq"></bdo></tbody><tr id="koysq"><li id="koysq"></li></tr><cite id="koysq"><pre id="koysq"></pre></cite><legend id="koysq"></legend><pre id="koysq"><sup id="koysq"><optgroup id="koysq"><label id="koysq"></label></optgroup></sup></pre><tbody id="koysq"></tbody><samp id="koysq"><th id="koysq"></th></samp><font id="koysq"></font><listing id="koysq"><var id="koysq"><form id="koysq"><kbd id="koysq"></kbd></form></var></listing><output id="koysq"></output><legend id="koysq"><strike id="koysq"><sup id="koysq"><acronym id="koysq"></acronym></sup></strike></legend><code id="koysq"></code><cite id="koysq"><dl id="koysq"><em id="koysq"></em></dl></cite><form id="koysq"></form><big id="koysq"><meter id="koysq"><video id="koysq"><s id="koysq"></s></video></meter></big><tbody id="koysq"></tbody><em id="koysq"><abbr id="koysq"><s id="koysq"></s></abbr></em><strong id="koysq"><sub id="koysq"><font id="koysq"><form id="koysq"></form></font></sub></strong><address id="koysq"></address><ins id="koysq"></ins><small id="koysq"></small><th id="koysq"><source id="koysq"><samp id="koysq"></samp></source></th><pre id="koysq"><pre id="koysq"></pre></pre><optgroup id="koysq"><td id="koysq"><dd id="koysq"><rp id="koysq"></rp></dd></td></optgroup><dfn id="koysq"><strong id="koysq"><xmp id="koysq"></xmp></strong></dfn><em id="koysq"><i id="koysq"></i></em><menu id="koysq"></menu><strike id="koysq"></strike><u id="koysq"></u><noscript id="koysq"></noscript><td id="koysq"></td><nav id="koysq"><input id="koysq"><rp id="koysq"><wbr id="koysq"></wbr></rp></input></nav><small id="koysq"></small><li id="koysq"></li><sup id="koysq"><dl id="koysq"><noscript id="koysq"></noscript></dl></sup><small id="koysq"><code id="koysq"><b id="koysq"><th id="koysq"></th></b></code></small><wbr id="koysq"></wbr><sup id="koysq"><acronym id="koysq"><optgroup id="koysq"></optgroup></acronym></sup><rp id="koysq"><track id="koysq"><dl id="koysq"><abbr id="koysq"></abbr></dl></track></rp><xmp id="koysq"></xmp><th id="koysq"><listing id="koysq"><span id="koysq"><sup id="koysq"></sup></span></listing></th><form id="koysq"><kbd id="koysq"><cite id="koysq"></cite></kbd></form><style id="koysq"></style><object id="koysq"><rt id="koysq"></rt></object><menuitem id="koysq"></menuitem><abbr id="koysq"><noscript id="koysq"><thead id="koysq"></thead></noscript></abbr><s id="koysq"><xmp id="koysq"></xmp></s><var id="koysq"><label id="koysq"></label></var><samp id="koysq"></samp><label id="koysq"><i id="koysq"><pre id="koysq"><pre id="koysq"></pre></pre></i></label><sup id="koysq"></sup><ul id="koysq"><tr id="koysq"><label id="koysq"></label></tr></ul><mark id="koysq"></mark><sub id="koysq"></sub><div id="koysq"></div><acronym id="koysq"><span id="koysq"><b id="koysq"><th id="koysq"></th></b></span></acronym><legend id="koysq"></legend><legend id="koysq"></legend><form id="koysq"></form><ruby id="koysq"><video id="koysq"></video></ruby><var id="koysq"><label id="koysq"><address id="koysq"><pre id="koysq"></pre></address></label></var><p id="koysq"></p><tbody id="koysq"><dfn id="koysq"><noframes id="koysq"></noframes></dfn></tbody><thead id="koysq"></thead><dfn id="koysq"></dfn><li id="koysq"><tbody id="koysq"><span id="koysq"><tbody id="koysq"></tbody></span></tbody></li><source id="koysq"><td id="koysq"><ruby id="koysq"><samp id="koysq"></samp></ruby></td></source><strike id="koysq"></strike><abbr id="koysq"><optgroup id="koysq"><center id="koysq"></center></optgroup></abbr><tbody id="koysq"><bdo id="koysq"></bdo></tbody><track id="koysq"></track><tbody id="koysq"></tbody><b id="koysq"></b><strong id="koysq"><thead id="koysq"></thead></strong><dl id="koysq"></dl><table id="koysq"><rt id="koysq"></rt></table><menuitem id="koysq"><ins id="koysq"></ins></menuitem><div id="koysq"><progress id="koysq"><abbr id="koysq"><output id="koysq"></output></abbr></progress></div><strike id="koysq"></strike><rp id="koysq"><track id="koysq"><kbd id="koysq"><abbr id="koysq"></abbr></kbd></track></rp><span id="koysq"></span><ul id="koysq"></ul><mark id="koysq"></mark><em id="koysq"><mark id="koysq"><s id="koysq"></s></mark></em><mark id="koysq"></mark><mark id="koysq"></mark><strike id="koysq"><em id="koysq"></em></strike><dfn id="koysq"><strong id="koysq"><xmp id="koysq"><samp id="koysq"></samp></xmp></strong></dfn><thead id="koysq"></thead><s id="koysq"><source id="koysq"><th id="koysq"></th></source></s><noframes id="koysq"></noframes><li id="koysq"></li><optgroup id="koysq"></optgroup><dfn id="koysq"></dfn><mark id="koysq"></mark><nav id="koysq"><input id="koysq"><xmp id="koysq"></xmp></input></nav><noscript id="koysq"><small id="koysq"></small></noscript><pre id="koysq"></pre><pre id="koysq"></pre><dfn id="koysq"></dfn><strike id="koysq"><legend id="koysq"><button id="koysq"></button></legend></strike><del id="koysq"><bdo id="koysq"><strong id="koysq"></strong></bdo></del><progress id="koysq"></progress><strike id="koysq"><tbody id="koysq"><b id="koysq"></b></tbody></strike><source id="koysq"><del id="koysq"><kbd id="koysq"></kbd></del></source><sup id="koysq"></sup><abbr id="koysq"><noscript id="koysq"></noscript></abbr><strong id="koysq"><fieldset id="koysq"><font id="koysq"><form id="koysq"></form></font></fieldset></strong><input id="koysq"></input><font id="koysq"></font><rt id="koysq"></rt><ins id="koysq"><ruby id="koysq"><strong id="koysq"><center id="koysq"></center></strong></ruby></ins><tfoot id="koysq"></tfoot><sup id="koysq"><address id="koysq"><li id="koysq"><tbody id="koysq"></tbody></li></address></sup><menuitem id="koysq"><ins id="koysq"></ins></menuitem><center id="koysq"></center><center id="koysq"></center><sup id="koysq"></sup><tbody id="koysq"><dfn id="koysq"><form id="koysq"></form></dfn></tbody><tr id="koysq"><pre id="koysq"></pre></tr><dl id="koysq"></dl><abbr id="koysq"><optgroup id="koysq"><div id="koysq"></div></optgroup></abbr><samp id="koysq"></samp><label id="koysq"><legend id="koysq"><button id="koysq"><em id="koysq"></em></button></legend></label><i id="koysq"></i><big id="koysq"></big><option id="koysq"><object id="koysq"><rt id="koysq"></rt></object></option><delect id="koysq"></delect><tbody id="koysq"></tbody></div></html> 
新書資訊