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

第1篇 HTML基礎(chǔ)
第1章 網(wǎng)頁(yè)基礎(chǔ)
（教學(xué)視頻：8分鐘）
1.1 了解網(wǎng)站、網(wǎng)頁(yè)
1.1.1 網(wǎng)站
1.1.2 網(wǎng)頁(yè)
1.1.3 網(wǎng)頁(yè)的版塊結(jié)構(gòu)
1.2 網(wǎng)頁(yè)的基本構(gòu)成元素
1.3 設(shè)計(jì)網(wǎng)頁(yè)常用的軟件
1.4 網(wǎng)頁(yè)設(shè)計(jì)原則
1.5 Dreamweaver簡(jiǎn)介
1.5.1 標(biāo)題欄
1.5.2 菜單欄
1.5.3 插入欄
1.5.4 文檔工具欄
1.5.5 屬性面板
1.5.6 其他面板
1.6 在Dreamweaver中直接編寫(xiě)HTML
1.6.1 編寫(xiě)HTML代碼
1.6.2 保存并查看HTML文件
1.7 小結(jié)
1.8 習(xí)題
第2章 HTML基礎(chǔ)入門(mén)
（教學(xué)視頻：17分鐘）
2.1 HTML基本概念
2.1.1 HTML簡(jiǎn)介
2.1.2 HTML的基本結(jié)構(gòu)
2.1.3 HTML標(biāo)簽
2.2 HTML簡(jiǎn)單示例
2.2.1 第一個(gè)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)題文字的對(duì)齊方式——align
3.2 文字格式的設(shè)置
3.2.1 設(shè)置文字字體——face
3.2.2 設(shè)置字體大小——size
3.2.3 設(shè)置文字顏色——color
3.2.4 粗體、斜體、下畫(huà)線——＜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 其他特殊符號(hào)
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 居中對(duì)齊標(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 絕對(duì)路徑
4.1.2 相對(duì)路徑
4.2 超鏈接的基本標(biāo)簽
4.2.1 設(shè)置超鏈接——＜a＞
4.2.2 文本超鏈接的建立——＜href＞
4.2.3 設(shè)置超鏈接的目標(biāo)頁(yè)面——target
4.3 設(shè)置不同的鏈接對(duì)象
4.3.1 鏈接網(wǎng)站內(nèi)部的頁(yè)面
4.3.2 鏈接文件
4.3.3 設(shè)置外部鏈接：鏈接HTTP頁(yè)面
4.3.4 通過(guò)FTP協(xié)議
4.3.5 使用Telnet鏈接BBS站點(diǎn)
4.3.6 發(fā)送E-mail
4.4 網(wǎng)頁(yè)中的錨點(diǎn)
4.4.1 設(shè)定錨點(diǎn)——name
4.4.2 鏈接到錨點(diǎn)——#
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 圖像相對(duì)于文字基準(zhǔn)線的對(duì)齊方式——align
5.3.7 圖像的提示文字——alt
5.4　 圖像的超鏈接
5.4.1 設(shè)置圖像的超鏈接
5.4.2 設(shè)置圖像熱區(qū)鏈接
5.5 設(shè)置背景音樂(lè)
5.5.1 添加背景音樂(lè)——＜bgsound＞
5.5.2 設(shè)置背景音樂(lè)的循環(huán)播放次數(shù)——loop
5.6 小結(jié)
5.7 習(xí)題
第6章 使用列表
（教學(xué)視頻：41分鐘）
6.1 無(wú)序列表的設(shè)計(jì)
6.1.1 無(wú)序列表標(biāo)簽——＜ul＞
6.1.2 設(shè)置無(wú)序列表的符號(hào)類(lèi)型——type
6.2 有序列表的設(shè)計(jì)
6.2.1 有序列表標(biāo)簽——＜o(jì)l＞
6.2.2 有序列表的序號(hào)類(lèi)型——type
6.2.3 有序列表的起始數(shù)值——start
6.3 定義列表標(biāo)簽——＜dl＞
6.4 菜單列表標(biāo)簽——＜menu＞
6.5 目錄列表——＜dir＞
6.6 列表的高級(jí)應(yīng)用
6.6.1 列表的簡(jiǎn)化
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 表格對(duì)齊方式——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 行文字的水平對(duì)齊方式——align
7.5.5 行文字的垂直對(duì)齊方式——valign
7.5.6 設(shè)置表格標(biāo)題的垂直對(duì)齊方式——valign
7.6 調(diào)整單元格屬性
7.6.1 單元格大小——width、height
7.6.2 水平跨度——colspan
7.6.3 垂直跨度——rowspan
7.6.4 對(duì)齊方式——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 輸入類(lèi)的控件
8.3.1 文字字段——text
8.3.2 密碼域——password
8.3.3 單選按鈕——radio
8.3.4 復(fù)選項(xiàng)——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 菜單列表類(lèi)的控件
……