我要投稿

HTML+CSS零基礎學習___源代碼

時間:2009-04-27 16:52 作者:linchen 閱讀:5723

掃描二維碼關注公眾號,可以查詢淘寶、京東商品優惠券
HTML+CSS零基礎學習___源代碼

1.本教程1~33章所附代碼的運行環境

操作系統:Windows 2003、Windows XP Professional,或者Windows 2000,Vista。
開發環境:Macromedia Dreamweaver 8。
瀏覽器支持:Internet Explorer和Mozilla Firefox。

2.本教程范例
第1章(源代碼\第1章)
示例描述:本章演示HTML基本知識
HTML基本標記.html                      HTML基本標記的用法。
我的第一張網頁.html                      演示我的第一張網頁。

第2章(源代碼\第2章)
示例描述:本章演示常用HTML標記和格式
注釋.htm                            注釋的用法。
標題標記.htm                        標題標記的用法。
粗體與斜體.htm                      粗體與斜體的用法。
段落.htm                            段落的用法。
換行.htm                            換行的用法。
上標與下標.htm                      上標與下標的用法。
下劃線與刪除線.htm                 下劃線與刪除線的用法。
HTML標記和格式實例手把手.htm      HTML標記和格式實例手把手的用法。

第3章(源代碼\第3章)
示例描述:本章演示字體標記語法以及其用法
標題字體.htm                        標題字體的用法。
標題字體大小.htm                    設置標題字體大小。
邏輯字體.htm                        邏輯字體的用法。
設置字體大小.htm                    設置字體大小。
物理字體.htm                        物理字體的用法。
字體實例手把手.htm                  演示字體實例手把手。
字體顏色.htm                        設置字體顏色。


第4章(源代碼\第4章)
示例描述:本章演示文字文字布局標記用法
br的用法.html                      演示br的用法。
p的用法.htm                       演示p的用法。
不換行.htm                         演示不換行標記用法。
段落設置.htm                       演示段落設置。
計算機輸出格式.htm                 計算機輸出格式標記和用法。
文字布局手把手.htm                 演示文字布局手把手。
文字對齊.htm                       演示文字對齊用法。
文字對齊-向右.html                  演示文字對齊-向右對齊的用法。
無序列表.htm                       演示無序列表的用法。
有序列表.htm                       演示有序列表用法。
欲格式化文本.htm                   欲格式化文本標記用法。
欲格式化文本行.html                 欲格式化文本行標記用法。

第5章(源代碼\第5章)
示例描述:本章演示圖像標記的用法
alt用法.html                         圖像參數alt用法。
插入圖像.html                        演示插入圖像。
熱點鏈接.htm                        熱點鏈接的用法。
圖片鏈接邊框設置.html                圖片鏈接邊框設置。
圖像top對齊.html                    演示圖像top對齊。
圖像邊框設置.html                    圖像邊框設置。
圖像鏈接.htm                        圖像鏈接用法。
圖像實例手把手.html                  演示圖像實例手把手。

第6章(源代碼\第6章)
示例描述:本章演示超級鏈接用法
target用法.html                       鏈接參數target的用法。
title用法.html                        鏈接參數title用法。
錨點鏈接.html                         標記錨點鏈接用法
圖片鏈接.html                         演示圖片鏈接。
文字鏈接.html                         演示文字鏈接。
郵箱地址鏈接.html                     演示郵箱地址鏈接。
鏈接實例手把手.html                  演示鏈接實例手把手。

第7章(源代碼\第7章)
示例描述:本章演示表單標記的用法
按鈕.htm                            表單按鈕的用法。
表單基本語法.htm                    表單基本語法。
表單兩屬性.html                        表單兩屬性用法。
單選框.htm                            表單單選框用法
多行文本域.htm                        表單多行文本域用法。
復選框.htm                            表單復選框的用法。
密碼框.htm                            表單密碼框的用法。
文本框.htm                            表單文本框的用法。
文本域.htm                            表單文本域用法。
下拉表.htm                            表單下拉表的用法。
表單實例手把手.html                    演示表單實例手把手。

第8章(源代碼\第8章)
示例描述:本章演示表格標記用法。
表格邊框寬度.html                    表格邊框寬度演示。
表格標題.html                        表格標題用法演示。
表格的基本語法.html                    表格的基本語法。
表格內對齊.html                        演示表格內對齊。
表格內文字對齊.html                    演示表格內文字對齊。
表格實例手把手.html                    演示表格實例手把手。
表格在網頁中的對齊.html                演示表格在網頁中的對齊。
表格在網頁中對齊.html                演示表格在網頁中對齊。
跨多列表元.html                        演示跨多列表元。
跨多行、多表表元.html                演示跨多行、多表表元用法。
跨多行表元.html                        演示跨多行表元用法。
設置表格大小.html                    設置表格大小。

第9章(源代碼\第9章)
示例描述:本章演示框架標記的用法
不能調節框架大小.html                演示不能調節框架大小。
不支持框架.html                        演示不支持框架情況。
垂直分欄.html                        演示垂直分欄。
導航框架.html                        導航框架的用法。
導航框架鏈接.html                    導航框架鏈接的用法。
框架邊框隱藏.html                    演示框架邊框隱藏。
框架基本語法.html                    框架基本語法。
框架水平分欄.html                    設置框架水平分欄。
內聯框架.html                        設置內聯框架。
設置滾動條.html                        設置滾動條。
框架實例手把手.html                    演示框架實例手把手。

第10章(源代碼\第10章)
示例描述:本章演示移動字體和圖片用法。
移動的基本語法.html                        移動的基本語法。
文字的移動方向.html                        設置文字的移動方向。
圖片的移動.html                            設置圖片的移動。
設置移動對象.html                        設置設置移動對象。
移動實例手把手—讓圖片像電影動起來.html    演示讓圖片像電影動起來。

第11章(源代碼\第11章)
示例描述:本章演示網頁多媒體標記的用法。
多媒體基本語法.html                        多媒體基本語法。
多媒體循環播放.html                        演示多媒體循環播放。
隱藏面板.html                            隱藏面板的用法。
設置開始時間.html                        設置開始時間。
多媒體面板的對齊.html                    演示多媒體面板的對齊。
多媒體實例手把手—在網頁中放視頻.html    演示在網頁中放視頻。
smak slow.mp3                            名為smak slow 的mp3多媒體文件。
刻舟求劍.swf                            名為刻舟求劍的flash多媒體文件。

第12章(源代碼\第12章)
示例描述:本章演示用DIV布局。
div布局.html                            演示div布局實例。
層嵌套.html                            層嵌套的用法。
table布局.html                            演示table布局。
DIV布局樣式.html                        設置DIV布局樣式。
如何用DIV布局.html                    演示如何用DIV布局。

第13章(源代碼\第13章)
示例描述:本章演示DIV與SPAN用法。
SPAN基本語法.html                        SPAN基本語法。
何時該用SPAN.html                        何時該用SPAN。
DIV與SPAN區別一.html                    演示DIV與SPAN區別一。
DIV與SPAN區別二.html                    演示DIV與SPAN區別二。
DIV與SPAN實例手把手--布局.html        演示DIV與SPAN實例手把手--布局。

第14章(源代碼\第14章)
示例描述:本章演示DIV與CSS結合用法。
內聯定義樣式.html                        內聯定義樣式.html
鏈入內部CSS樣式.html                    鏈入內部CSS樣式.html
外鏈接.html                            外鏈接.html
鏈接外部CSS樣式.html                    鏈接外部CSS樣式.html
CSS控制DIV.html                        CSS控制DIV.html
DIV+CSS布局.html                        DIV+CSS布局.html
div.css                                    名為div的樣式文件。
style.css                                名為style的樣式文件。

第15章(源代碼\第15章)
示例描述:本章演示CSS基礎部分知識。
CSS基礎.html                            演示CSS基礎鏈接知識用法。
style1.css                                名為style1的CSS樣式文件。
style2.css                            名為style2的CSS樣式文件。
style3.css                            名為style3的CSS樣式文件。

第16章(源代碼\第16章)
示例描述:本章演示字體屬性用法。
間距與間隔.html                            屬性間距與間隔用法。
設置行距.html                            屬性設置行距用法。
字體大小.html                            屬性字體大小用法。
字體類型.html                            屬性字體類型用法。
字體設置.html                            屬性字體設置。
字體顏色.html                            屬性字體顏色用法。
字體重量.html                            屬性字體重量用法。

第17章(源代碼\第17章)
示例描述:本章演示文本屬性用法。
垂直對齊.html                            設置垂直對齊。
空格處理.html                            設置空格處理。
設置水平對齊.html                        設置水平對齊。
首行縮進.html                            首行縮進的用法。
文本流方向.html                            文本流方向用法。
文本行距.html                            文本行距的用法。
文本修飾屬性text-decoration.html            文本修飾屬性text-decoration用法。
文字垂直對齊.html                        文字垂直對齊用法。
字母大小寫轉換.html                        字母大小寫轉換用法。
字體實例手把手――字體花樣.html            演示字體實例手把手――字體花樣。
文本設置手把手—給段落設置縮進.html        演示文本設置手把手—給段落設置縮進。

第18章(源代碼\第18章)
示例描述:本章演示背景屬性用法。
背景的基本語法.html                        屬性背景的基本語法。
設置背景圖像.html                        設置背景圖像。
設置背景圖像滾動.html                    設置背景圖像滾動。
設置背景圖像鋪排.html                    設置背景圖像鋪排。
設置背景圖像位置.html                    設置背景圖像位置。
設置背景顏色.html                        設置背景顏色。
背景實例手把手.html                        演示背景實例手把手。

第19章(源代碼\第19章)
示例描述:本章演示尺寸的用法。
設置寬度.html                            設置寬度屬性。
設置高度.html                            設置高度屬性
設置層居中.html                            設置層居中實例。
尺寸實例手把手.html                        演示尺寸實例手把手。

第20章(源代碼\第20章)
示例描述:本章演示外補丁用法。
margin基本語法.html                        復合屬性margin基本語法。
margin-bottom用法.html                    屬性margin-bottom用法。
margin-left用法.html                        屬性margin-left用法。
margin-right用法.html                    屬性margin-right用法。
margin-top用法.html                        屬性margin-top用法。
margin實例.html                        演示margin實例用法。
margin實例--設置層與層的距離.html        設置層與層的距離。
實例手把手--DIV+CSS結合.html            演示實例手把手--DIV+CSS結合。

第21章(源代碼\第21章)
示例描述:本章演示內補丁用法。
padding基本語法和用法.html                復合屬性padding基本語法和用法。
padding-bottom用法.html                    屬性padding-bottom用法。
padding-left用法.html                        屬性padding-left用法。
padding-right用法.html                    屬性padding-right用法。
padding-top用法.html                        屬性padding-top用法。
內補丁padding實例.html                    演示內補丁padding實例。

第22章(源代碼\第22章)
示例描述:本章演示屬性邊框用法。
border基本語法.html                        復合屬性border基本語法。
邊框寬度設置.html                        邊框寬度設置。
邊框樣式用法.html                        設置邊框樣式用法。
設置邊框顏色.html                        設置邊框顏色。
border-bottom用法.html                    屬性border-bottom用法。
border-left用法.html                        屬性border-left用法。
border-right用法.html                        屬性border-right用法。
border-top用法.html                        屬性border-top用法。
設置多層邊框.html                        設置多層邊框。
邊框實例手把手.html                        演示邊框實例手把手。

第23章(源代碼\第23章)
示例描述:本章演示屬性定位用法。
position的用法.html                        屬性position的用法。
設置對象的邊框位置.html                    設置對象的邊框位置。
z-index用法.html                        屬性z-index用法。
相對定位實例.html                        演示相對定位實例。
絕對定位實例.html                        演示絕對定位實例。
實例--圓角制作.html                    演示實例--圓角制作。

第24章(源代碼\第24章)
示例描述:本章演示屬性列表的用法。
列表的預設標記用法.html                    演示列表的預設標記用法。
list-style用法.html                        屬性list-style用法。
設置列表文本排列.html                    設置列表文本排列。
設置列表圖像.html                        設置列表圖像。
列表實例手把手.html                        演示列表實例手把手。

第25章(源代碼\第25章)
示例描述:本章演示用CSS控制表格。
控制表格的基本語法.html                    控制表格的基本語法。
設置表格邊框獨立或合并.html                設置表格邊框獨立或合并。
設置表格布局的算法.html                    設置表格布局的算法。
CSS控制表格實例手把手.html                演示CSS控制表格實例手把手。

第26章(源代碼\第26章)
示例描述:本章演示CSS控制滾動條。
設置3D界面亮邊顏色和表面顏色.html            設置3D界面亮邊顏色和表面顏色。
設置滾動條3D界面暗邊顏色和暗邊框顏色.html    3D界面暗邊和暗邊框顏色的用法。
設置滾動條方向箭頭的顏色.html                設置滾動條方向箭頭的顏色。
設置滾動條基準顏色和拖動區域顏色.html        滾動條基準顏色和拖動區域顏色用法。
設置滾動條亮邊框顏色.html                    設置滾動條亮邊框顏色。

第27章(源代碼\第27章)
示例描述:本章演示CSS布局。
clear的用法.html                            屬性clear的用法。
clip用法.html                                屬性clip用法。
cursor用法.html                                屬性cursor用法。
display用法.html                            屬性display用法。
float的用法.html                            屬性float的用法。
overflow用法.html                            屬性overflow用法。
visibility用法.html                            屬性visibility用法。

第28章(源代碼\第28章)
示例描述:本章演示選擇符用法。
ID選擇符.html                                演示ID選擇符用法。
包含選擇符.html                                演示包含選擇符用法。
類型選擇符.html                                演示類型選擇符用法。
類選擇符.html                                演示類選擇符用法。
通配選擇符.html                                演示通配選擇符用法。
選擇符分組.html                                演示選擇符分組用法。

第29章(源代碼\第29章)
示例描述:本章演示偽類用法。
偽類的類型用法.html                            演示偽類的類型用法。
link屬性.html                                表示link屬性。
hover屬性.html                                表示hover屬性。
active屬性.html                                表示active屬性。
visited屬性.html                                表示visited屬性。

第30章(源代碼\第30章)
示例描述:本章演示單位的表示用法。
長度單位.html                                設置長度單位。
顏色單位.html                                設置顏色單位。

第31章(源代碼\第31章)
示例描述:本章演示游戲主題網站布局。
游戲網站布局.html                            演示游戲網站布局。
style.css                                    游戲網站的樣式文件。
images                                        圖像文件夾。

第32章(源代碼\第32章)
示例描述:本章演示企業網站主題布局。
設置DIV.html                                設置DIV.html
企業網站主頁.html                            企業網站主頁.html
a.css                                        設置DIV頁面的樣式文件。
style.css                                    企業網站的樣式文件。
images                                        圖像文件夾。

第33章(源代碼\第33章)
示例描述:本章演示
博客首頁.html                                博客首頁布局。
DIV設置.html                                設置DIV時的HTML標記。
jquery.js                                    一個javascript的優秀框架jquery。
index.js                                    控制博客頁面的javascript腳本。
style.css                                    博客類網站的樣式文件。
images                                        圖像文件夾。


第1章_第5章             第1章_第5章.rar (20 K) 下载次数:273

第6章_第10章          第6章_第10章.rar (39 K) 下载次数:164

第11章_第15章         第11章_第15章.rar (1331 K) 下载次数:251

第16章_第20章         第16章_第20章.rar (42 K) 下载次数:143

第21章_第25章          第21章_第25章.rar (14 K) 下载次数:136

第26章_第30章         第26章_第30章.rar (21 K) 下载次数:143

第31章_第33章         第31章_第33章.rar (684 K) 下载次数:219




www.3380930.live
[ 此帖被linchen在2009-04-27 17:04重新編輯 ]

最新評論

spike2009-12-14 15:19
可以去中華精英求職網(http://www.jobabc.cn)去求職呀,我就在那找到工作的!
我要投稿 我要評論
插入url鏈接 添加表情
限 100000 字節
響應相關主管單位規定,關閉回帖發帖功能
[VB畢業設計] [ASP畢業設計] [JAVA畢業設計] [JSP畢業設計] [PHP畢業設計] [asp.net畢業設計] [.net畢業設計] [網絡畢業設計] [Delphi畢業設計] [VC畢業設計] [VF畢業設計] [機械畢業設計] [工藝畢業設計] [模具畢業設計] [其他畢業設計]
站長聯系 cccbbsnet#163.com 本站系公益性質網站,站內廣告維系本站運作。歡迎贊助本站。
大學生計算機相關方向|軟件編程|網絡工程|web開發|數據庫技術|學習資料等
本社區僅供學習計算機相關技術所使用,訪客發言不得違反國家法律法規
Time now is:02-27 05:10, Gzip enabled 蜀ICP備07004838號Powered by cccbbs.net v7.5 SP3 Code © 2003-06 cccbbs
計算機畢業設計
配资网