本書系統(tǒng)地講解了HTML5和CSS3基礎(chǔ)知識以及實際運用技術(shù),通過大量實例深入淺出地分析網(wǎng)頁制作的方方面面。書中不僅介紹了文本、鏈接、媒體、表格、列表、表單等網(wǎng)頁元素,而且介紹了如何為網(wǎng)頁設(shè)計布局,添加動態(tài)效果等;另外,還涉及上線、測試、優(yōu)化和無障礙性等內(nèi)容。通過學習本書,初級水平的讀者即可創(chuàng)建網(wǎng)站,而中高級水平的開發(fā)人員也可以快速了解HTML5新元素、CSS3的奇幻效果、響應(yīng)式Web設(shè)計以及各種實踐。
1. 再版升級多次再版的HTML5與CSS3入門教程,雙色印刷,講解Web開發(fā)核心技術(shù)
2. 輕松好學基礎(chǔ)知識 代碼案例 網(wǎng)頁圖,循序漸進,快速上手
3. 案例豐富全書200多段代碼案例,近300幅網(wǎng)頁效果圖,形象生動
4. 雙色易讀雙色印刷,雙欄排版,圖文并茂,閱讀體驗好
5. 補充知識設(shè)置「提示」和「側(cè)邊欄」等額外說明,輔助學習
喬 ·卡薩博納(Joe Casabona) 前端工程師、技術(shù)圖書作者、教師,碩士畢業(yè)于斯克蘭頓大學軟件工程專業(yè),具有20年Web開發(fā)經(jīng)驗。錄制了大量啟蒙初學者的Web開發(fā)視頻,涵蓋HTML、CSS、響應(yīng)式設(shè)計、WordPress,廣受歡迎。曾與迪士尼、《國家地理》等合作Web開發(fā)項目。 望以文 有多年Web開發(fā)、產(chǎn)品設(shè)計與增長黑客經(jīng)驗,目前致力于推廣UI設(shè)計稿智能生成前端源代碼工具CodeFun。譯有《HTML5與CSS3基礎(chǔ)教程(第8版)》《設(shè)計體系:數(shù)字產(chǎn)品設(shè)計的系統(tǒng)化方法》等作品。微博@weakow。
版權(quán)聲明
獻詞
致謝
引言
第 1章 什么是HTML和CSS 1
1.1 什么是HTML 1
1.2 什么是CSS 3
1.3 HTML和CSS是如何一起工作的 4
1.4 小結(jié) 6
第 2章 在計算機上創(chuàng)建網(wǎng)站 7
2.1 使用文本編輯器 7
2.2 使用高級工具 8
2.3 網(wǎng)站目錄結(jié)構(gòu)與文件擴展名 9
2.4 使用CodePen進行快速測試 11
2.5 小結(jié) 11
第3章 HTML語法 12
3.1 HTML標簽是怎樣工作的 12
3.2 添加注釋 14
3.3 創(chuàng)建HTML頁面的結(jié)構(gòu) 15
3.4 標簽 16
3.5 什么是語義化標記 17
3.6 小結(jié) 17
第4章 基本的HTML元素 18
4.1 HTML文本的格式化 18
4.2 段落與標題 18
4.3 列表 19
4.4 引用塊級文本 20
4.5 行內(nèi)文本的格式化 21
4.6 對代碼進行標記 22
第5章 鏈接 25
5.1 鏈接標記 25
5.2 URL的結(jié)構(gòu) 26
5.3 內(nèi)部鏈接與外部鏈接 27
5.4 相對鏈接和鏈接 27
5.5 其他鏈接類型 29
5.6 鏈接目標 30
5.7 小結(jié) 31
第6章 HTML結(jié)構(gòu)與布局 32
6.1 網(wǎng)頁布局 32
6.2 塊級元素與行內(nèi)元素 35
6.3 頁面區(qū)塊 36
6.4 建立博客文章的布局 38
6.5 小結(jié) 41
第7章 媒體 42
7.1 Web上的媒體是如何工作的 42
7.2 圖像 43
7.3 在網(wǎng)頁中添加圖像 45
7.4 響應(yīng)式圖像:考慮不同的設(shè)備和網(wǎng)絡(luò)環(huán)境 47
7.5 元素 49
7.6 使用SVG 49
7.7 其他媒體 52
7.8 嵌入視頻 53
7.9 嵌入音頻 54
7.10 存放多媒體文件 55
7.11 小結(jié) 57
第8章 表格與其他結(jié)構(gòu)化數(shù)據(jù)元素 58
8.1 表格 58
8.2 描述列表 62
8.3 為什么結(jié)構(gòu)化數(shù)據(jù)很重要 64
8.4 小結(jié) 66
第9章 Web表單 67
9.1 用戶與網(wǎng)頁的交互 67
9.2 Web表單的工作方式 68
9.3 HTML表單的組成部分 69
9.4