從零開始學(xué)HTML+CSS

第1篇 HTML基礎(chǔ)
第1章 網(wǎng)頁基礎(chǔ)
（教學(xué)視頻：8分鐘）
1.1 了解網(wǎng)站、網(wǎng)頁
1.1.1 網(wǎng)站
1.1.2 網(wǎng)頁
1.1.3 網(wǎng)頁的版塊結(jié)構(gòu)
1.2 網(wǎng)頁的基本構(gòu)成元素
1.3 設(shè)計網(wǎng)頁常用的軟件
1.4 網(wǎng)頁設(shè)計原則
1.5 Dreamweaver簡介
1.5.1 標(biāo)題欄
1.5.2 菜單欄
1.5.3 插入欄
1.5.4 文檔工具欄
1.5.5 屬性面板
1.5.6 其他面板
1.6 在Dreamweaver中直接編寫HTML
1.6.1 編寫HTML代碼
1.6.2 保存并查看HTML文件
1.7 小結(jié)
1.8 習(xí)題
第2章 HTML基礎(chǔ)入門
（教學(xué)視頻：17分鐘）
2.1 HTML基本概念
2.1.1 HTML簡介
2.1.2 HTML的基本結(jié)構(gòu)
2.1.3 HTML標(biāo)簽
2.2 HTML簡單示例
2.2.1 第一個HTML文件
2.2.2 查看效果
2.3 HTML的基本元素
2.3.1 HTML元素與標(biāo)簽的結(jié)構(gòu)
2.3.2 元素的屬性
2.3.3 嵌套標(biāo)簽
2.3.4 空格與特殊字符
2.4 小結(jié)
2.5 習(xí)題
第2篇 HTML應(yīng)用篇
第3章 使用文本樣式
（教學(xué)視頻：50分鐘）
3.1 標(biāo)題文字的建立
3.1.1 標(biāo)題文字的標(biāo)簽——＜h＞
3.1.2 標(biāo)題文字的對齊方式——align
3.2 文字格式的設(shè)置
3.2.1 設(shè)置文字字體——face
3.2.2 設(shè)置字體大小——size
3.2.3 設(shè)置文字顏色——color
3.2.4 粗體、斜體、下畫線——＜strong＞、＜em＞、＜u＞
3.2.5 上標(biāo)與下標(biāo)——＜sup＞、＜sub＞
3.2.6 設(shè)置刪除線——strike
3.2.7 等寬文字標(biāo)簽——＜code＞
3.2.8 空格——＆nbsp;
3.2.9 其他特殊符號
3.3 段落標(biāo)簽
3.3.1 段落標(biāo)簽——＜p＞
3.3.2 換行標(biāo)簽——＜br＞
3.3.3 取消文字換行標(biāo)簽——＜nobr＞
3.3.4 保留原始排版方式標(biāo)簽——＜pre＞
3.3.5 居中對齊標(biāo)簽——＜center＞
3.3.6 向右縮進(jìn)標(biāo)簽——＜blockquote＞
3.4 小結(jié)
3.5 習(xí)題
第4章 使用超鏈接
（教學(xué)視頻：39分鐘）
4.1 什么是超鏈接
4.1.1 絕對路徑
4.1.2 相對路徑
4.2 超鏈接的基本標(biāo)簽
4.2.1 設(shè)置超鏈接——＜a＞
4.2.2 文本超鏈接的建立——＜href＞
4.2.3 設(shè)置超鏈接的目標(biāo)頁面——target
4.3 設(shè)置不同的鏈接對象
4.3.1 鏈接網(wǎng)站內(nèi)部的頁面
4.3.2 鏈接文件
4.3.3 設(shè)置外部鏈接：鏈接HTTP頁面
4.3.4 通過FTP協(xié)議
4.3.5 使用Telnet鏈接BBS站點
4.3.6 發(fā)送E-mail
4.4 網(wǎng)頁中的錨點
4.4.1 設(shè)定錨點——name
4.4.2 鏈接到錨點——#
4.5 小結(jié)
4.6 習(xí)題
第5章 使用圖像
（教學(xué)視頻：38分鐘）
5.1 圖像格式
5.2 添加圖像——＜img＞
5.3 設(shè)置圖像屬性
5.3.1 圖像高度——height
5.3.2 圖像寬度——width
5.3.3 圖像邊框——border
5.3.4 圖像水平間距——hspace
5.3.5 圖像垂直間距——vspace
5.3.6 圖像相對于文字基準(zhǔn)線的對齊方式——align
5.3.7 圖像的提示文字——alt
5.4　 圖像的超鏈接
5.4.1 設(shè)置圖像的超鏈接
5.4.2 設(shè)置圖像熱區(qū)鏈接
5.5 設(shè)置背景音樂
5.5.1 添加背景音樂——＜bgsound＞
5.5.2 設(shè)置背景音樂的循環(huán)播放次數(shù)——loop
5.6 小結(jié)
5.7 習(xí)題
第6章 使用列表
（教學(xué)視頻：41分鐘）
6.1 無序列表的設(shè)計
6.1.1 無序列表標(biāo)簽——＜ul＞
6.1.2 設(shè)置無序列表的符號類型——type
6.2 有序列表的設(shè)計
6.2.1 有序列表標(biāo)簽——＜o(jì)l＞
6.2.2 有序列表的序號類型——type
6.2.3 有序列表的起始數(shù)值——start
6.3 定義列表標(biāo)簽——＜dl＞
6.4 菜單列表標(biāo)簽——＜menu＞
6.5 目錄列表——＜dir＞
6.6 列表的高級應(yīng)用
6.6.1 列表的簡化
6.6.2 設(shè)置列表文字的顏色
6.7 列表的嵌套
6.8 小結(jié)
6.9 習(xí)題
第7章 使用表格
（教學(xué)視頻：150分鐘）
7.1 建立表格
7.1.1 添加表格——＜table＞、＜tr＞、＜td＞
7.1.2 設(shè)置表格的標(biāo)題——caption
7.1.3 表格的表頭——＜th＞
7.2 設(shè)置表格基本屬性
7.2.1 設(shè)置表格寬度——width
7.2.2 設(shè)置表格高度——height
7.2.3 表格對齊方式——align
7.3 表格的邊框
7.3.1 設(shè)置表格的邊框?qū)挾?mdash;—border
7.3.2 表格邊框顏色——bordercolor
7.3.3 內(nèi)框?qū)挾?mdash;—cellspacing
7.3.4 表格內(nèi)文字與邊框距離——cellpadding
7.4 設(shè)定表格背景
7.4.1 設(shè)置表格背景色——bgcolor
7.4.2 設(shè)置表格的背景圖像——background
7.5 修改表格的行屬性
7.5.1 高度的控制——height
7.5.2 邊框顏色——bordercolor
7.5.3 行背景——bgcolor、background
7.5.4 行文字的水平對齊方式——align
7.5.5 行文字的垂直對齊方式——valign
7.5.6 設(shè)置表格標(biāo)題的垂直對齊方式——valign
7.6 調(diào)整單元格屬性
7.6.1 單元格大小——width、height
7.6.2 水平跨度——colspan
7.6.3 垂直跨度——rowspan
7.6.4 對齊方式——align、valign
7.6.5 設(shè)置單元格的背景色
7.6.6 單元格的邊框顏色——bordercolor
7.6.7 設(shè)置單元格的亮邊框——bordercolorlight
7.6.8 設(shè)置單元格的暗邊框——bordercolordark
7.6.9 設(shè)置單元格的背景圖像—— background
7.6.10 文字內(nèi)容不換行——nowrap
7.7 表格的結(jié)構(gòu)
7.7.1 設(shè)置表頭樣式——thead
7.7.2 設(shè)置表主體樣式——tbody
7.7.3 設(shè)置表尾樣式——tfoot
7.8 表格的嵌套
7.9 層標(biāo)簽——＜div＞
7.10 小結(jié)
7.11 習(xí)題
第8章 使用表單
（教學(xué)視頻：140分鐘）
8.1 表單標(biāo)簽——＜form＞
8.1.1 處理程序——action
8.1.2 表單名稱——name
8.1.3 傳送方法——method
8.1.4 編碼方式——enctype
8.1.5 目標(biāo)顯示方式——target
8.2 添加控件
8.3 輸入類的控件
8.3.1 文字字段——text
8.3.2 密碼域——password
8.3.3 單選按鈕——radio
8.3.4 復(fù)選項——checkbox
8.3.5 普通按鈕——button
8.3.6 提交按鈕——submit
8.3.7 重置按鈕——reset
8.3.8 圖像域——image
8.3.9 隱藏域——hidden
8.3.10 文件域——file
8.4 菜單列表類的控件
……