HTML 介紹

•  HTML 是什么？
•  HTML 文檔基本結(jié)構(gòu)
•  創(chuàng)建 HTML 文件
•  實(shí)戰(zhàn)：代碼初體驗(yàn)，制作第一個(gè)網(wǎng)頁
•  HTML 元素
•  HTML 屬性
•  小測試

HTML 基礎(chǔ)

•  HTML 標(biāo)題、水平線、注釋
•  實(shí)戰(zhàn)：使用 <h2> 標(biāo)簽顯示標(biāo)題
•  實(shí)戰(zhàn)：使用 HTML 的代碼注釋
•  HTML 段落、折行
•  實(shí)戰(zhàn)：使用 <p> 標(biāo)簽添加段落
•  HTML 文本格式化
•  HTML 鏈接
•  實(shí)戰(zhàn)：使用 <a> 標(biāo)簽鏈接到另一個(gè)頁面
•  HTML 頭部
•  HTML CSS
•  HTML 圖像
•  實(shí)戰(zhàn)：使用 <img> 標(biāo)簽給頁面添加圖片
•  HTML 列表
•  實(shí)戰(zhàn)：使用 <ol> 標(biāo)簽添加課程排行榜
•  HTML 區(qū)塊
•  HTML 框架
•  HTML 顏色
•  HTML 腳本
•  HTML 字符實(shí)體
•  小測試

HTML 表格

•  HTML 表格介紹
•  HTML 表格標(biāo)簽
•  實(shí)戰(zhàn)：學(xué)習(xí)創(chuàng)建一個(gè)簡單的表格
•  HTML 表格邊框?qū)傩?/li>
•  實(shí)戰(zhàn)：使用 border 屬性顯示表格邊框
•  HTML 表格表頭
•  HTML 合并單元格
•  實(shí)戰(zhàn)：使用 rowspan 屬性創(chuàng)建跨行的表格
•  實(shí)戰(zhàn)：使用 colspan 屬性創(chuàng)建跨列的表格
•  小測試

-------------------------------

（購買完整版《HTML入門課程》解鎖以下章節(jié)↓↓↓）

-------------------------------

HTML 表單

•  HTML 表單介紹
•  HTML 表單輸入元素
•  實(shí)戰(zhàn)：使用 <form> 標(biāo)簽創(chuàng)建一個(gè)簡單的表單
•  HTML 特殊表單元素
•  實(shí)戰(zhàn)：使用 <textarea> 標(biāo)簽創(chuàng)建文本域
•  HTML 其它表單元素
•  實(shí)戰(zhàn)：使用 <button> 標(biāo)簽添加提交按鈕
•  小測試

HTML 綜合測試

•  HTML 綜合測試1
•  HTML 綜合測試2

HTML5 基礎(chǔ)

•  HTML5 介紹
•  HTML5 內(nèi)容模型
•  HTML5 元素分類
•  HTML5 頁面結(jié)構(gòu)
•  <header>, <nav>, <footer>
•  實(shí)戰(zhàn)：使用 <header> 標(biāo)簽創(chuàng)建文檔的頭部區(qū)域
•  <article>, <section>, <aside>
•  HTML5 Audio元素
•  實(shí)戰(zhàn)：創(chuàng)建一個(gè)簡單的音頻文件
•  HTML5 Video元素
•  HTML5 Progress元素
•  實(shí)戰(zhàn)：使用 <progress> 標(biāo)簽標(biāo)記下載進(jìn)度
•  HTML5 表單1
•  實(shí)戰(zhàn)：使用 <input> required 屬性
•  HTML5 表單2
•  實(shí)戰(zhàn)：使用 search 類型創(chuàng)建搜索框
•  HTML5 SVG
•  HTML5 SVG 動畫 & 路徑
•  HTML5 Canvas
•  HTML5 SVG 與 Canvas 的區(qū)別
•  HTML5 Canvas 轉(zhuǎn)換
•  HTML5 Web 存儲
•  HTML5 地理定位
•  HTML5 拖放
•  小測試

HTML5 綜合測試

•  HTML5 綜合測試1
•  HTML5 綜合測試2

HTML 綜合實(shí)戰(zhàn)：創(chuàng)建博客主頁

•  創(chuàng)建一個(gè)博客頁面
•  博客主頁：關(guān)于我模塊
•  博客主頁：我的技能模塊
•  博客主頁：我的時(shí)間表模塊
•  博客主頁：聯(lián)系表模塊
•  博客主頁：完成博客頁面