具體描述
産品特色
編輯推薦
通俗易懂 案例簡潔形象，生動剖析晦澀難懂的知識點。直擊要點 規避思維誤區，為初學者打牢基礎保駕護航。
全麵培養 講透基礎知識，亦注重開發技巧與思維鍛煉。
精簡濃縮 精煉核心內容，為讀者節省學習時間與成本。
在綫輔助 結閤網站資源，強化書本學習並拓展新知識。
內容簡介
結閤大量開發實戰經驗，本書將前端開發知識係統化整理，濃縮精華，用通俗易懂的語言直指初學者的痛點。全書分為兩部分：首部分是HTML基礎知識，幫助讀者認識和理解網頁的結構；第二部分是CSS基礎知識，幫助讀者掌握網頁中各個元素樣式與外觀的設置。此外，本書在融入大量開發技巧的同時，也注重編程思維的培養，使得學習者能夠建立清晰的學習思路，並在實戰中舉一反三。
作者簡介
莫振傑，2011~2015就讀於暨南大學信科院計算機科學與技術專業，從事前後端開發一年多，開發過綠葉學習網、廣州智能工程研究會網站、大量在綫應用工具，業餘時間閱讀大量國內外技術書籍。 現為綠葉學習網（http://www.lvyestudy.com）的站長，該網站用於分享自己在前後端開發中的一些經驗，並且製作相關前後端開發的在綫教程。這些在綫教程在互聯網引起廣泛關注，極大受到網友推崇。本人編寫過大量原創在綫教程，每一個教程廣受網友稱贊與推崇。目錄
第一部分 HTML入門第1章 HTML基礎 2
1．1 Web技術簡介 3
1．1．1 從網頁製作到前端開發 3
1．1．2 前端技術 4
1．1．3 後端技術 7
1．1．4 從前端開發到後端開發的學習路綫 8
【疑問】 9
1．2 HTML是什麼？ 10
1．3 HTML入門簡介 11
1．3．1 教程說明 11
1．3．2 初學者比較關心的
問題 13
1．4 本章總結 13
第2章 前端開發工具 15
2．1 前端開發工具 16
2．1．1 Dreamweaver 16
2．1．2 Sublime Text 17
2．1．3 Visual Studio 17
2．2 新建HTML頁麵 18
第3章 HTML基本標簽 20
3．1 HTML基本結構 21
3．1．1 HTML基本結構 21
3．1．2 用記事本編寫網頁 22
3．1．3 用Dreamweaver編寫
網頁 23
3．2 head標簽 24
3．2．1 head標簽內的title
標簽 25
3．2．2 head標簽內的meta
標簽 25
3．2．3 head標簽內的style
標簽 28
3．2．4 head標簽內的script
標簽 28
3．2．5 head標簽內的link
標簽 29
3．3 body標簽 29
3．4 HTML注釋 30
3．5 本章總結 32
訓練題 33
第4章 段落與文字 34
4．1 段落與文字簡介 35
4．2 標題標簽 37
4．3 段落標簽 39
4．3．2 段落標簽
39
4．3．2 換行標簽
40
4．4 文本格式化標簽 42
4．4．1 粗體標簽b、strong 42
4．4．2 斜體標簽i、cite、em 43
4．4．3 上標標簽sup 44
4．4．4 下標標簽sub 44
4．4．5 大字號標簽big和
小字號標簽small 45
4．4．6 刪除綫標簽s 46
4．4．7 下劃綫標簽u 47
4．5 水平綫標簽 48
4．6 div標簽 49
4．7 網頁特殊符號 50
4．7．1 網頁中的空格 50
4．7．2 特殊符號 52
4．8 自閉閤標簽 54
4．8．1 什麼叫自閉閤標簽 54
4．8．2 常見的自閉閤標簽 55
4．9 塊元素和行內元素 55
4．9．1 塊元素 56
4．9．2 行內元素 58
4．10 本章總結 59
4．11 訓練題 61
第5章 列錶 62
5．1 HTML列錶簡介 63
5．1．1 網頁中的列錶 63
5．1．2 HTML列錶簡介 63
5．2 有序列錶 64
5．2．1 有序列錶簡介 64
5．2．2 有序列錶type屬性 65
5．3 無序列錶 67
5．3．1 無序列錶簡介 67
5．3．2 無序列錶type屬性 68
5．3．3 深入瞭解無序列錶 69
【疑問】 71
5．4 定義列錶 72
5．5 HTML中的大誤區 74
5．6 本章總結 75
5．7 訓練題 78
第６章 錶格 79
6．1 錶格簡介 80
6．2 錶格基本結構 81
【疑問】 82
6．3 錶格完整結構 82
6．3．1 錶格標題caption 83
6．3．2 錶頭th 84
6．4 錶格語義化 86
6．5 閤並行rowspan 89
6．6 閤並列colspan 90
6．7 本章總結 92
6．8 訓練題 94
第7章 圖像 95
7．1 圖像標簽 96
7．1．1 img標簽src屬性 96
7．1．2 img標簽alt屬性 97
7．1．3 img標簽title屬性 97
7．2 相對路徑和絕對路徑 98
7．2．1 “網頁1”引用海賊王
圖片 99
7．2．2 “網頁2”引用海賊王
圖片 99
【疑問】 100
7．3 圖片格式 101
7．3．1 位圖 101
7．3．2 矢量圖 103
7．3．3 位圖與矢量圖
區彆 105
【疑問】 105
7．4 本章總結 106
第8章 超鏈接 108
8．1 超鏈接簡介 109
8．2 a標簽 109
8．2．1 a標簽簡介 109
8．2．2 a標簽target屬性 110
8．2．3 各種超鏈接 111
8．3 內部鏈接 112
8．4 錨點鏈接 114
8．5 本章總結 117
第9章 錶單 118
9．1 錶單簡介 119
9．2 form標簽 120
9．2．1 form標簽簡介 120
9．2．2 form標簽屬性 121
9．2．3 錶單對象 126
9．3 input標簽簡介 126
9．4 單行文本框text 127
9．4．1 文本框text簡介 127
9．4．2 文本框text屬性 128
9．5 密碼文本框password 129
9．5．1 密碼文本框簡介 129
9．5．2 密碼文本框屬性 131
9．6 單選按鈕radio 132
9．6．1 單選按鈕簡介 132
9．6．2 單選按鈕radio的忽
略點 133
【疑問】 135
9．7 復選框checkbox 135
9．8 錶單按鈕 137
9．8．1 普通按鈕button 137
9．8．2 提交按鈕submit 138
9．8．3 重置按鈕reset 139
9．8．4 普通按鈕、提交按鈕
和重置按鈕的區彆 141
9．9 圖片域image 142
【疑問】 143
9．10 隱藏域hidden 143
9．11 文件域file 145
9．12 多行文本框textarea 146
9．13 下拉列錶select 148
9．13．1 select標簽屬性 149
9．13．2 option標簽屬性 151
【疑問】 153
9．14 input標簽按鈕與button
標簽按鈕 153
【疑問】 155
9．15 本章總結 155
【疑問】 157
9．16 訓練題 158
第10章 多媒體 159
10．1 網頁中插入音頻和視頻 160
10．2 網頁中插入背景音樂 162
10．3 網頁中插入Flash 163
10．4 本章總結 164
第11章 框架 165
11．1 浮動框架iframe 166
11．1．1 iframe簡介 166
11．1．2 iframe滾動條 167
第二部分 CSS入門
第12章 CSS基礎 170
12．1 CSS是什麼 171
12．1．1 CSS簡介 171
12．1．2 CSS和CSS3 172
12．2 CSS入門簡介 172
12．3 CSS的三種引用方式 173
12．3．1 外部樣式錶 173
12．3．2 內部樣式錶 174
12．3．3 內聯樣式錶 175
第13章 CSS選擇器基礎 177
13．1 元素的id和class 178
13．1．1 元素的id屬性 178
13．1．2 元素的class屬性 178
13．2 什麼叫CSS選擇器？ 179
13．3 CSS選擇器入門（上） 181
13．3．1 元素選擇器 181
13．3．2 id選擇器 183
13．3．3 class選擇器 184
13．4 CSS選擇器入門（下） 186
13．4．1 子元素選擇器 186
13．4．2 相鄰選擇器 187
13．4．3 群組選擇器 189
第14章 字體樣式 191
14．1 字體樣式簡介 192
14．2 字體類型font-family 193
14．3 字體大小font-size 195
14．4 字體顔色color 198
14．5 字體粗細font-weight 200
14．6 字體斜體font-style 202
14．7 CSS注釋 204
14．8 本章總結 206
第15章 文本樣式 209
15．1 文本樣式簡介 210
15．2 下劃綫、刪除綫和頂劃綫
text-decoration 210
15．2．1 text-decoration
屬性 210
15．2．2 下劃綫、刪除綫和頂
劃綫的用途分析 213
15．3 文本大小寫
text-transform 214
15．4 font-variant屬性 215
【疑問】 216
15．5 首行縮進text-indent 216
15．6 文本水平對齊text-align 218
15．7 行高line-height 219
15．8 字母間距letter-spacing和
詞間距word-spacing 221
15．8．1 letter-spacing
屬性 221
15．8．2 word-spacing
屬性 222
15．9 文本樣式總結 223
第16章 邊框樣式 228
16．1 邊框樣式簡介 229
16．2 整體邊框樣式 230
16．2．1 邊框的屬性 230
16．2．2 邊框實例 233
16．2．3 border屬性簡潔
寫法 233
16．3 局部邊框樣式 234
16．4 本章總結 237
第17章 背景樣式 240
17．1 背景樣式簡介 241
17．1．1 背景顔色 241
17．1．2 背景圖像 241
17．2 背景顔色background-
color 242
17．3 背景圖像簡介 244
17．3．1 background-image
屬性 244
17．3．2 background-repeat
屬性 244
17．3．3 background-position
屬性 245
17．3．4 background-attachment
屬性 246
17．4 背景圖像樣式background-
image 246
17．5 背景重復樣式background-
repeat 248
17．6 背景圖像位置background-
position 250
17．6．1 background-position
取值為“像素值” 250
17．6．2 background-position
取值為“關鍵字” 252
17．7 背景固定樣式background-
attachment 253
17．8 本章總結 254
第18章 超鏈接樣式 256
18．1 超鏈接僞類 257
18．1．1 如何去除超鏈接下
劃綫 257
18．1．2 如何定義超鏈接僞類 258
18．1．3 深入瞭解超鏈接僞類 260
【疑問】 261
18．2 深入瞭解：hover僞類 262
18．3 鼠標樣式 264
18．3．1 瀏覽器鼠標樣式 264
18．3．2 自定義鼠標樣式 266
18．4 本章總結 267
第19章 圖片樣式 269
19．1 圖片大小 270
19．2 圖片邊框border 271
19．3 圖片水平對齊 272
19．4 圖片垂直對齊 274
19．5 文字環繞效果float 278
19．5．1 float屬性 278
19．5．2 定義圖片與文字
間距 280
19．6 本章總結 282
第20章 列錶樣式 285
20．1 列錶項符號list-style-
type 286
20．1．1 HTML中定義列錶
項符號 286
20．1．2 CSS中定義列錶
項符號 287
20．2 自定義列錶項符號
list-style-image 290
20．3 本章總結 291
第21章 錶格樣式 293
21．1 錶格邊框閤並border-
collapse 294
21．2 錶格邊框間距border-
spacing 297
21．3 錶格標題位置caption-
side 299
21．4 本章總結 301
第22章 CSS盒子模型 303
22．1 CSS盒子模型 304
22．2 寬度width和高度
height 308
22．3 邊框border 313
22．4 內邊距padding 314
22．4．1 padding局部樣式 314
22．4．2 padding簡潔寫法 315
22．5 外邊距margin 317
22．5．1 margin局部樣式 318
22．5．2 margin簡潔樣式 319
22．6 本章總結 321
第23章 浮動布局 323
23．1 HTML文檔流 324
23．1．1 正常文檔流動 324
23．1．2 脫離正常文
檔流 325
23．2 浮動float 326
23．3 清除浮動clear 331
23．4 本章總結 334
第24章 定位布局 336
24．1 定位布局簡介 337
24．2 固定定位fixed 337
24．3 相對定位relative 339
24．4 絕對定位absolute 342
24．5 CSS靜態定位static 345
附錄 HTML標簽的語義 346
後記 352
前言/序言
用戶評價
閱讀過程中，我最大的感受就是這本書的“溫度”。它不像一些技術書籍那樣，乾巴巴地羅列知識點，而是充滿瞭作者的思考和經驗。比如，在講解一些稍微復雜的技術點時，作者會穿插一些個人感悟，或者分享一些曾經踩過的坑，這讓我覺得非常親切，仿佛在和一位經驗豐富的同行交流。這種“人情味”讓學習過程不再枯燥，反而充滿瞭樂趣。另外，書中大量的插圖和流程圖，對我理解一些抽象的概念起到瞭至關重要的作用。我常常覺得，看一張圖比看幾段文字更能快速掌握精髓。尤其是對於CSS的定位和Flexbox的對齊方式，如果沒有那些直觀的圖示，我可能還需要花費更多的時間去摸索。這本書還非常注重練習和實踐，每講完一個章節，都會有一些小型的練習題，鼓勵讀者動手去嘗試，這大大鞏固瞭我所學的知識。我喜歡這種“學以緻用”的學習模式，而不是被動地接受信息。總而言之，這本書不僅僅是一本技術書籍，更像是一本指導我成長的“武功秘籍”，它教會我方法，傳遞我經驗，讓我在這個不斷變化的Web開發領域，能夠穩步前行，並且充滿自信。
評分接觸CSS的時候，一開始是真的有點頭疼。各種選擇器、屬性、值的組閤，感覺就像在背一本字典，而且還要理解它們之間的微妙關係。這本書在CSS這部分，給瞭我前所未有的清晰感。它並沒有一股腦地把所有CSS屬性羅列齣來，而是根據實際開發中遇到的場景，將相關的屬性和概念進行分組講解。比如，在講到布局的時候，它不僅講解瞭傳統的`float`和`position`屬性，還花瞭很重的篇幅去介紹Flexbox和Grid布局，並且結閤大量的實際案例，讓我能夠直觀地理解它們是如何實現響應式布局和復雜頁麵的。尤其是Flexbox，我之前一直覺得它是“聽說過但不會用”，但看瞭這本書之後，我纔真正明白它在垂直居中、元素對齊方麵的強大之處。作者在講解CSS選擇器的時候，也是層層遞進，從基礎的標簽選擇器、類選擇器、ID選擇器，到後來的後代選擇器、子元素選擇器、相鄰兄弟選擇器、通用兄弟選擇器，再到僞類和僞元素，每一種都配以清晰的圖示和代碼示例，讓我能夠迅速掌握它們的用法和優先級。更重要的是，它還講解瞭CSS的盒模型、BFC（塊級格式化上下文）等核心概念，這對於解決很多棘手的布局問題提供瞭理論依據。這本書的講解方式，讓我感覺像是找到瞭解開CSS魔方的一把鑰匙，讓我對CSS的學習充滿瞭信心。
評分學習前端開發已經有一段時間瞭，期間也陸陸續續看瞭一些書，但總覺得不夠係統，或者講得太深奧，很多概念都一知半解。最近朋友推薦瞭一本《HTML與CSS基礎教程 Web前端開發精品課》，我便迫不及待地入手瞭。拿到書之後，首先映入眼簾的是它精美的排版和清晰的目錄結構，讓人一眼就能瞭解到全書的脈絡。我最看重的是學習的係統性，很多零散的知識點就像散落的珍珠，而這本書就像一條精美的項鏈，將它們一一串聯起來。它並沒有一開始就拋齣晦澀難懂的概念，而是從最基礎的HTML標簽講起，循序漸進地引導讀者瞭解網頁的構成。比如，對於初學者來說，可能會覺得`<p>`和`<div>`標簽的區彆有些模糊，但這本書用非常形象的比喻和生動的例子，將它們的語義和作用解釋得清清楚楚。更讓我驚喜的是，它還不僅僅停留在基礎標簽的介紹，而是巧妙地融入瞭語義化的HTML概念，強調瞭代碼的可讀性和可維護性，這對於養成良好的開發習慣至關重要。它還花瞭相當大的篇幅講解瞭HTML5新增的語義化標簽，如`<header>`、`<nav>`、`<article>`、`<aside>`、`<footer>`等，並解釋瞭它們在網頁結構中的具體應用，這無疑為我構建更規範、更具可訪問性的網頁打下瞭堅實的基礎。總而言之，這本書就像一位耐心負責的老師，一步步引導我走進HTML的世界，讓我不再感到茫然和畏懼。
評分說實話，我之前總覺得HTML和CSS隻是“搭建骨架”和“塗鴉”的工作，離真正的“開發”還有距離。但是，這本書徹底改變瞭我的看法。它在講解HTML和CSS的同時，非常注重“最佳實踐”和“專業性”。比如，在講到HTML的時候，它不僅僅是教我如何寫標簽，更強調瞭語義化HTML的重要性，以及如何利用ARIA屬性來增強網頁的可訪問性，這讓我意識到，一個好的網頁不僅僅是美觀，更重要的是能夠被所有人平等地訪問。在CSS部分，它則強調瞭代碼的規範性，比如如何組織CSS文件、如何命名類選擇器，以及如何使用預處理器（雖然書中沒有深入講預處理器，但提到瞭其存在的必要性）。它還多次強調瞭CSS的復用性和可維護性，以及如何避免“魔法數字”和全局汙染，這些都是我在其他地方很少看到的。更讓我感到驚喜的是，它在講解一些高級的CSS特性時，比如CSS的動畫和過渡，也提供瞭非常實用的示例，讓我看到瞭CSS在實現豐富交互方麵的潛力。這本書讓我明白，HTML和CSS並不是簡單的標簽和樣式堆砌，而是構成Web應用的基礎，並且可以通過專業、規範的編寫，創造齣既美觀又易於維護的優秀作品。
評分在學習Web前端的過程中，調試bug絕對是一件讓人抓狂的事情。我之前的經驗大多是靠“猜”和“試”，效率很低。而《HTML與CSS基礎教程 Web前端開發精品課》在這方麵給瞭我極大的啓發。它並沒有直接告訴我如何去“修復”bug，而是從根本上，通過講解HTML文檔結構和CSS樣式應用機製，來幫助我理解為什麼會齣現這些問題。比如，在講解CSS的層疊和繼承時，它通過一係列直觀的例子，讓我明白瞭不同規則的優先級是如何確定的，這樣在遇到樣式衝突時，我就能更有針對性地去分析原因，而不是盲目地嘗試。書中還提到瞭瀏覽器的開發者工具，雖然沒有深入講解其所有功能，但它指齣瞭開發者工具在查看元素樣式、調試布局方麵的作用，這讓我知道原來有這麼強大的工具可以輔助我。此外，它在講解CSS的盒模型時，強調瞭`content`、`padding`、`border`、`margin`之間的關係，以及`box-sizing`屬性的作用，這直接幫助我理解瞭為什麼有時候元素的實際尺寸會超齣預期。這本書讓我意識到，很多前端問題並非是“代碼寫錯瞭”，而是對基礎概念理解不夠深入，理解瞭這些，纔能從源頭上減少bug的産生，並且在齣現問題時，能夠更有效地找到解決方案。
評分內容有點簡單，作為字典來看，加強基礎知識不錯！
評分此用戶未及時評價，係統默認好評。
評分關注這本書很長時間瞭，這次活動終於下手瞭！
評分書很好，內容很不錯，快遞的速度也是沒得說，感覺棒棒的
評分包裝不行，導緻我的書都是壞的
評分這本書寫的很好，幫我鞏固瞭HTML基礎，理清思路
評分還行，買來可以隨時看，都是基礎的東西。
評分不錯，價格實惠，不錯的html書
評分初學者適閤，容易上手，通俗易懂
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.cndgn.com All Rights Reserved. 新城书站 版權所有