零基礎學HTML+CSS(第3版)是一本html+css的全面學習教材,書中詳細的介紹了html+css的知識點,先從簡單的html語法下手,讓讀者對網頁的信息展現有一個初步的了解,接著又引入了div+css的相關知識,讓讀者明白網頁元素是如何布局的,最后在通過3個詳細的案例講解,來鞏固前面學過的知識,從而更好更快的學習html語言,適用于作為中、高等學校師生以及各種網頁設計培訓班的教材或參考書,同時也可供網站建設專業人士參考使用。
內容介紹
《零基礎學HTML+CSS(第3版)》站在零基礎學習的角度,以通俗易懂的語言,結合豐富多彩的實例,來幫助初學者學習和掌握HTML語言和CSS樣式設計。本書列舉了大量的小型實例、綜合實例、內容詳盡、實例豐富、敘述清晰。本書主要分為四篇:第一篇為第1~9章,講解了網頁文字、字體、表格、段落、超級鏈接、圖像、表單、框架、多媒體等技術;第二篇為第10~11章,對DIV+CSS的語法和相關屬性進行了詳細的解釋和說明;第三篇為第12~20章,詳細介紹了CSS的字體、文本、背景、邊框、定位、列表、選擇符等知識點;最后一篇為第21~24章,包括實戰案例和實戰面試,先通過3個案例介紹了網頁的設計思路,然后通過面試題考查讀者所學。
零基礎學HTML+CSS(第3版)章節目錄
前言 第一篇 HTML基礎知識 第1章 認識HTML語言 1.1 HTML與網頁 1.1.1 認識HTML語言 1.1.2 靜態網頁 1.1.3 動態網頁 1.2 HTML標記的組成 1.2.1 單標記 1.2.2 雙標記 1.3 創建第一張網頁 1.4 瀏覽HTML的瀏覽器兼容 1.5 編寫HTML的工具 1.5.1 Aptana代碼提示工具 1.5.2 Dreamweaver網頁開發工具 1.6 小結 1.7 習題 第2章 常用HTML標記和格式 2.1 設置正文的標題 2.1.1 標題設置的語法 2.1.2 標題設置經典案例--字號由大到小 2.2 設置段落 2.2.1 段落標記 2.2.2 段落中的空格 2.2.3 強制換行 2.3 給代碼添加注釋 2.4 文字的修飾 2.4.1 粗體與斜體 2.4.2 下劃線與刪除線 2.4.3 上標與下標 2.5 HTML標記和格式實例 2.5.1 標題用h1 2.5.2 設置每一行為一段落 2.5.3 粗體和刪除線 2.5.4 加上化學元素和數學平方根 2.6 小結 2.7 習題 第3章 字體標記 3.1 設置字體大小 3.2 設置字體顏色 3.3 設置標題字體樣式 3.3.1 設置標題的字體大小 3.3.2 設置字體的大小和顏色 3.4 物理字體和邏輯字體 3.4.1 物理字體 3.4.2 邏輯字體 3.5 字體標記實例 3.5.1 插入字體 3.5.2 將字體顏色設置為紅色 3.5.3 將文字設置為標題h1 3.5.4 將文字設置為斜體并加刪除線 3.5.5 設置字體為 3.6 小結 3.7 習題 第4章 文字布局 4.1 行的控制 4.1.1 換行控制 4.1.2 不換行控制 4.2 文字對齊 4.3 段落設置 4.4 列表 4.4.1 無序列表 4.4.2 有序列表 4.5 用其他方式修飾文本 4.5.1 欲格式化文本 4.5.2 計算機輸出格式 4.6 文字布局實例 4.6.1 設置文字換行與不換行 4.6.2 設置文字對齊 4.6.3 顯示列表 4.6.4 在網頁中顯示源代碼 4.7 制作滾動文字 4.7.1 設置文字滾動 4.7.2 設置文字滾動的方向 4.7.3 設置文字滾動的速度和形式 4.8 小結 4.9 習題 第5章 圖像和鏈接 5.1 圖像的基本語法 5.1.1 在網頁中插入圖像 5.1.2 圖像無法顯示時的提示信息 5.1.3 控制圖像的大小 5.2 圖像和文字對齊 5.3 圖像的邊框 5.4 圖像映射圖 5.5 圖像的應用實例 5.5.1 在網頁上引入圖像標記 5.5.2 設置圖像參數alt 5.5.3 給圖像設置超鏈接 5.5.4 設置圖像的邊框 5.5.5 設置文本與圖像對齊 5.5.6 設置圖像的映射圖 5.6 文字鏈接 5.6.1 最簡單的文字鏈接 5.6.2 超鏈接網頁的打開方式 5.6.3 鏈接的注釋 5.7 圖片鏈接 5.8 錨點鏈接 5.9 郵箱地址鏈接 5.10 相對路徑與絕對路徑 5.10.1 相對路徑 5.10.2 絕對路徑 5.11 鏈接應用實例 5.11.1 在網頁中做文字鏈接 5.11.2 給圖片設置超鏈接 5.11.3 設置錨點鏈接 5.11.4 郵箱鏈接 5.12 小結 5.13 習題 第6章 表單 6.1 表單概述 6.1.1 表單的用途 6.1.2 表單的結構 6.1.3 表單的基本語法 6.1.4 表單的數據傳遞方式 6.2 文本框和密碼框 6.2.1 文本框 6.2.2 密碼框 6.3 單選框和復選框 6.3.1 單選框 6.3.2 復選框 6.4 下拉列表與文本域 6.4.1 下拉列表 6.4.2 文本域 6.5 按鈕 6.6 圖像域、文件域和隱藏域 6.7 表單實例 6.7.1 插入表單 6.7.2 添加文本框和密碼框 6.7.3 添加單選框和復選框 6.7.4 添加下拉列表和文本域 6.7.5 在表單中添加提交按鈕 6.8 小結 6.9 習題 第7章 表格 7.1 頁面中的表格 7.1.1 表格的外觀 7.1.2 表格的基本語法 7.2 跨多行、多列表元 7.2.1 跨多行表元 7.2.2 跨多列表元 7.3 設置表格大小 7.3.1 設置表格邊框 7.3.2 設置表格高度和寬度 7.4 表格內文字對齊 7.5 表格在網頁中對齊 7.6 表格實例 7.6.1 表格中嵌入表格 7.6.2 設置跨行和跨列 7.7 小結 7.8 習題 第8章 框架 8.1 用框架靈活地組織網頁 8.1.1 框架在網站中的作用 8.1.2 框架的結構分析 8.1.3 框架的基本語法 8.2 框架分欄 8.2.1 框架垂直分欄 8.2.2 框架水平分欄 8.3 框架的常用屬性 8.3.1 設置不可調節框架大小 8.3.2 瀏覽器不支持框架 8.3.3 設置框架邊框 8.3.4 設置滾動條 8.4 框架鏈接 8.4.1 導航框架 8.4.2 內聯框架 8.5 框架實例 8.5.1 在網頁中插入框架 8.5.2 設置框架的滾動條和邊框 8.5.3 設置不支持框架文字 8.5.4 設置框架導航鏈接 8.6 小結 8.7 習題 第9章 網頁中的動態圖文和多媒體 9.1 移動屬性的基本語法 9.2 文字的移動 9.3 圖片的移動 9.4 設置對象的移動 9.4.1 文本移動的方向 9.4.2 文本的滾動循環 9.4.3 文本的移動速度 9.4.4 應用文本的全部移動標記 9.5 移動實例--電影結束效果 9.6 網頁多媒體 9.6.1 網頁多媒體的基本語法 9.6.2 設置自動播放 9.6.3 設置多媒體循環播放 9.6.4 設置面板的隱藏 9.6.5 設置面板的大小 9.6.6 設置對齊方式 9.7 網頁多媒體實例--在網頁中播放視頻 9.7.1 引入視頻文件 9.7.2 設置多媒體為非自動播放 9.7.3 設置多媒體無循環播放 9.7.4 設置控制面板的大小 9.8 小結 9.9 習題 第二篇 DIV+CSS布局 第10章 用DIV布局 10.1 DIV與TABLE布局比較 10.1.1 DIV簡介 10.1.2 DIV與TABLE的區別 10.2 如何用DIV布局 10.2.1 設置DIV選擇符 10.2.2 設置CSS修飾DIV效果 10.2.3 設置DIV的背景顏色 10.3 使用DIV注意事項 10.4 認識SPAN 10.4.1 設置DIV選擇符 10.4.2 何時用SPAN 10.5 DIV與SPAN的區別 10.5.1 默認寬度不同 10.5.2 塊元素與行內元素 10.6 DIV與SPAN實例--多層布局 10.7 小結 10.8 習題 第11章 DIV與CSS結合 11.1 用CSS控制DIV 11.2 CSS文件鏈接 11.2.1 內聯定義 11.2.2 鏈接內部CSS 11.2.3 鏈接外部CSS 11.3 DIV+CSS布局實例 11.3.1 確定布局 11.3.2 定義body樣式 11.3.3 定義主要的DIV 11.3.4 設置層居中 11.4 小結 11.5 習題 第三篇 CSS部分 第12章 CSS的基礎知識 12.1 CSS簡介 12.2 CSS文件鏈接方式 12.3 選擇符 12.4 偽類 12.5 注解 12.6 單位 12.7 編寫CSS的工具 12.7.1 打開CSS工具軟件 12.7.2 新建CSS文件 12.7.3 另存為CSS文件 12.7.4 打開Aptana工具 12.7.5 在菜單欄中新建CSS文件 12.8 CSS與瀏覽器的兼容性 12.9 CSS基礎實例 12.9.1 在Aptana中新建網頁 12.9.2 在Aptana中新建CSS文件 12.9.3 鏈接CSS文件到HTML頁面中 12.9.4 用不同的瀏覽器測試頁面 12.10 小結 12.11 習題 第13章 字體設置和文本設置 13.1 文字的字體 13.1.1 字體的復合屬性 13.1.2 字體顏色 13.1.3 字體大小 13.1.4 字體重量 13.1.5 字體類型 13.2 行距 13.3 設置文本間距與間隔 13.3.1 文本間距 13.3.2 文本間隔 13.4 字體實例--字體花樣 13.4.1 加入字體名字 13.4.2 加入CSS控制字體 13.4.3 設置行距 13.4.4 設置文本間隔 13.5 字母大小寫轉換 13.6 文本修飾 13.7 空格處理方式 13.8 設置文本垂直與水平對齊 13.8.1 文本垂直對齊 13.8.2 文本水平對齊 13.9 文本縮進 13.10 文本設置--給段落設置縮進 13.10.1 對DIV布局 13.10.2 設置文本首行縮進 13.11 小結 13.12 習題 第14章 設置背景和尺寸 14.1 背景的基本語法 14.2 設置背景顏色 14.3 設置背景圖像 14.3.1 設置背景圖像滾動 14.3.2 設置背景圖像的位置 14.3.3 設置背景圖像的鋪排 14.4 背景實例 14.4.1 設置層背景為綠色 14.4.2 設置層背景圖像 14.4.3 設置背景為不鋪排 14.4.4 設置背景圖像位置 14.5 設置尺寸 14.5.1 設置寬度 14.5.2 設置高度 14.6 尺寸實例--設置層居中 14.6.1 尺寸實例手把手 14.6.2 設置層居中 14.7 小結 14.8 習題 第15章 設置外邊距和內邊距 15.1 外邊距的基本語法 15.2 外邊距的四邊設置 15.2.1 頂端外邊距的用法 15.2.2 右端外邊距的用法 15.2.3 底端外邊距的用法 15.2.4 左端外邊距的用法 15.3 外邊距實例--設置層與層的距離 15.3.1 層與層的距離效果 15.3.2 對層布局 15.3.3 設置層的尺寸 15.3.4 設置層漂移 15.3.5 設置層與層之間的間隔 15.4 內邊距的基本語法 15.5 內邊距的四邊屬性 15.5.1 頂端內邊距的用法 15.5.2 右端內邊距的用法 15.5.3 底端內邊距的用法 15.5.4 左端內邊距的用法 15.6 內邊距實例 15.6.1 設置頂部內邊距 15.6.2 設置其他位置的內邊距 15.6.3 用復合屬性padding設置內邊距 15.7 小結 15.8 習題 第16章 設置對象邊框 16.1 邊框的基本語法 16.2 邊框顏色 16.3 邊框樣式 16.4 邊框寬度 16.5 對象的四個邊框 16.5.1 設置頂端邊框的屬性 16.5.2 設置右端邊框的屬性 16.5.3 設置底端邊框的屬性 16.5.4 設置左端邊框的屬性 16.6 邊框實例--多層邊框 16.6.1 設置單層邊框 16.6.2 設置多層邊框 16.7 小結 16.8 習題 第17章 定位 17.1 定位的基本語法 17.2 設置對象的層疊順序 17.3 設置對象的邊框位置 17.4 定位實例--圓角制作 17.4.1 相對定位實例 17.4.2 絕對定位實例 17.4.3 實例--圓角制作 17.5 小結 17.6 習題 第18章 用CSS控制列表和表格 18.1 列表的基本語法 18.2 設置列表的圖像 18.3 設置列表的文本排列 18.4 列表的預設標記 18.5 列表實例 18.5.1 設置列表圖像文字內顯示 18.5.2 設置列表樣式為空心圓 18.5.3 設置文本外自定義列表圖像 18.6 控制表格的基本語法 18.7 設置表格邊框獨立或合并 18.8 設置表格布局的算法 18.9 CSS控制表格實例 18.9.1 布局好表格 18.9.2 表格邊框獨立和合并 18.9.3 設置表格算法為自動和固定 18.10 小結 18.11 習題 第19章 滾動條和布局 19.1 滾動條 19.1.1 滾動條的基本語法 19.1.2 設置滾動條亮邊框顏色 19.1.3 設置3D界面亮邊顏色和表面顏色 19.1.4 設置滾動條方向箭頭顏色 19.1.5 設置滾動條3D界面暗邊顏色和暗邊框顏色 19.1.6 設置滾動條基準顏色和拖動區域顏色 19.2 層的漂移 19.2.1 設置層的漂移 19.2.2 清除層的漂移范圍 19.3 設置層的可視區域 19.4 內容超過層大小時 19.5 鼠標指針的不同表示 19.6 設置對象可見性 19.6.1 設置對象是否隱藏 19.6.2 設置對象是否顯示 19.7 小結 19.8 習題 第20章 選擇符 20.1 通配選擇符 20.2 類型選擇符 20.3 包含選擇符 20.4 布局常用選擇符 20.4.1 ID選擇符 20.4.2 類選擇符 20.5 分組選擇符 20.6 偽類 20.7 偽類的四種狀態 20.7.1 訪問鏈接的狀態 20.7.2 鼠標光標置于其上的狀態 20.7.3 獲得焦點的狀態 20.7.4 訪問過后的狀態 20.8 CSS中的單位 20.8.1 長度單位 20.8.2 顏色單位 20.9 小結 20.10 習題 第四篇 實踐部分 第21章 游戲網站布局 21.1 網站主頁規劃 21.2 用DIV+CSS布局 21.2.1 實現頁面頭部 21.2.2 實現中間部分 21.2.3 實現頁面底部 21.3 加入文字 21.4 調整全頁面的兼容性 21.5 小結 第22章 企業網站布局 22.1 企業主頁規劃 22.2 對網頁布局 22.2.1 將頁面用DIV布局出框圖 22.2.2 用CSS實現頁面頭部 22.2.3 用CSS實現頁面體 22.3 添加文本等信息 22.4 調整全頁面和瀏覽器兼容 22.5 其他二級頁面模塊制作 22.6 小結 第23章 博客主要頁面布局 23.1 博客網站主頁規劃 23.1.1 分析主頁需求 23.1.2 確定內容模塊 23.1.3 畫出效果圖 23.2 用DIV布局框圖 23.2.1 頁眉 23.2.2 實現內容模塊 23.2.3 頁腳 23.3 CSS實現框圖 23.3.1 實現內容模塊 23.3.2 實現整頁效果 23.4 添加圖片 23.5 加入文字 23.6 調整全頁面 23.7 其他頁面布局 23.8 小結 第24章 面試題 面試題1 DIV與SPAN的區別 面試題2 HTML的框架是什么 面試題3 CSS引入的方式有哪些 面試題4 前端頁面有哪三層構成,各層的作用是什么 面試題5 常見的瀏覽器的內核有哪些 面試題6 img元素的alt text屬性和title屬性有什么不同 面試題7 document.body和document.documentElement有什么不同 面試題8 XHTML和DHTML有什么區別 面試題9 寫出實現效果所需的CSS代碼 面試題10 寫出一段左邊固定、右邊隨電腦屏幕浮動而變動的HTML+CSS代碼 面試題11 寫一段兩個DIV交叉重疊的CSS樣式 面試題12 怎樣使一個層垂直居中位于瀏覽器中 面試題13 Firefox嵌套DIV標簽居中問題的處理方法 面試題14 用純CSS實現帶下拉菜單的二級橫向導航菜單 面試題15 在網頁制作中為什么要使用CSS技術 面試題16 CSS+DIV開發Web頁面的優勢有哪些 面試題17 實現兩列高度自適應的CSS代碼
使用說明
1、下載并解壓,得出pdf文件
2、如果打不開本文件,請務必下載pdf閱讀器
3、安裝后,在打開解壓得出的pdf文件
4、雙擊進行閱讀




