書籍：《HTML網頁設計參考手冊》
閱讀方法：王者速讀法
閱讀目的：工作需要；專業性的知識，已經閱讀過幾次，長時間沒用也忘記的差不多了，需要重新拾起來，也想做一個系統性的筆記梳理。
第一階段，預覽
要明確目的的解決問題
第一，想獲得什么信息。專業基礎知識，長時間沒用，從知識、到思維都需要梳理梳理。
第二，能獲得什么信息。基礎而全面的HTML知識，基本的CSS、JavaScript知識，簡單的HTML編輯工具，豐富的HTML實例及效果展示。
第三，明確重點內容。HTML核心知識，HTML標簽的用法，以及標簽體系；HTML各種標簽記不住不要緊，弄懂核心邏輯，使用的時候能隨時查找。
具體閱讀
1.封面。「內容全面，囊括HTML、JavaScript、CSS等知識」，「實用性強，代碼規范，大量的實例及展示效果」，「工具使用，配合Dreamwerver，符合網頁制作技術特點」；張金霞編著。
2.版權頁。2007年4月出版；內容簡介對全書內容做了概括。
3.編輯寄語及前言。對全書內容及特點做一個概括性闡述。
4.目錄。共13章，可以分為四大部分。第一部分第1章，HTML入門；第二部分第2章到第10章，講述HTML各種標記的語法內容及使用；第三部分第11章和第12章，拓展知識，基本的CSS和JavaScript知識；第四部分第13章，使用Dreamwerver工具創建網頁。
總結：
本書內容是比較熟悉的，以前已經讀過，再讀一次，進行專業知識的梳理。學好一門編程語言，包括語法、詞匯、工具，甚至還有算法等，所以，光讀書是遠遠不夠的，還需要大量的實踐，5分鐘要瀏覽完所有的封面、前言、目錄沒有問題，在熟悉的基礎上也能梳理出一個框架來。
前言里說到，全書是基于HTML4的。
第二階段，快速翻閱全書
對圖表的印象
翻閱所有的書頁，標題、圖表、照片等最顯眼的內容基本都看不過來，抽樣閱讀統計性整體印象，全書的圖片有圖序，也有標題，圖片基本上是實例效果圖，表格大部分是知識點列表，所以圖片價值不高，基本只有在操作實例或閱讀實例時需要參考，表格在跳讀環節可以選擇性閱讀。
對章節內容的印象
全書300多頁，5分鐘翻頁時間都不夠，真累，要不是對書本內容比較熟悉，真是會頭暈掉。跟瀏覽目錄相比，內容更加細致，比如不只是標簽，還會瀏覽過許多標簽的屬性。
總結：
書本內容比較豐富，盡管已經比較熟悉，匆匆翻頁還是覺得有眼花繚亂抓瞎的感覺，這時候已經不是抓取知識，而是通過視覺效果來使腦海的知識浮現出來。所謂開卷有益，至少會對知識系統性的把握變得更加清晰。
第三階段，跳讀
第1章 HTML的基本概念
HTML簡介、HTML文件結構、HTML發展歷史、網頁設計原則、Dreamwerver簡介及編輯HTML。
重點：HTML定義的3種用于描述頁面整體結構的標記：<html>、<head>、<body>。
第2章 HTML基本標記
頭部標記<head>、標題標記<title>、元信息標記<meta>、基底標記<base>、頁面主題標記<body>、注釋標記<!-- -->
重點內容：
(1)元信息標記<meta>有name和http-equiv兩種屬性，與一般的標記屬性及屬性值不同，該標記屬性給出屬性值后還有一個內容content的描述。
(2)主體標記<body>主要有bgcolor、background、文字顏色text、鏈接文字顏色link、邊距margin等屬性。
第3章 文字與段落
標題文字標記<h1>到<h6>，屬性主要有對齊方式align。
文本字體標記<font>，主要屬性有face、size、color、strong。
文字格式標記em、u、sup、sub、strike、code，以及特殊字符標記空格「 」、雙引號「 "」等。
段落標記<p>；換行標記<br>；保留原始排版方式標記<pre>；居中對齊標記<center>，向右縮進標記<blockquote>。
水平線標記<hr>，主要屬性有width、height、color、align。
文字標注標記<ruby>；聲明變量標記<var>。
第4章 列表
無序列表標記<ul>，有序列表標記<ol>，兩者都有屬性序號類型type，有序列表還有屬性起始數值start。
定義列表標記<dl>，菜單列表標記<menu>，目錄列表標記<dir>。
第5章 超鏈接
理解超鏈接的絕對路徑和相對路徑。
超鏈接標記<a>，主要屬性有超鏈接方式href，目標窗口參數target。
內部鏈接使用相對路徑方式即可；外部鏈接使用絕對路徑鏈接方式。
書簽鏈接需要建立書簽，再使用超鏈接標記進行鏈接，分文同一頁書簽的鏈接和不同頁書簽的鏈接，不同頁書簽的鏈接需要先鏈接到頁面再鏈接書簽。
第6章 使用圖像
圖像格式主要以GIF、JPEG、PNG。
圖像標記<img>，屬性src、height、width、border、hspace、vspace、align、alt。
圖像的超鏈接：在超鏈接里面嵌套圖像標記。
圖像熱區鏈接：對圖像的部分區域設置超鏈接。
第7章 添加多媒體元素
設置動態文字標記<marquee>，屬性direction、behavior、loop、scrollamount、scrolldelay、bgcolor、width、height、hspace、vspace。
設置背景音樂標記<bgsound>，屬性src、loop。
添加多媒體文件embed，屬性autostart、loop、hidden。
第8章 表格的應用
表格結構的標記：表格標記<table>、行標記<tr>、單元格標記<td>，表格標題標記<caption>、表頭樣式標記<thead>、表主體樣式標記<tbody>、表尾樣式標記<tfoot>、表頭單元格標記<th>。
<table>標記的主要屬性：width、height、align、border、bordercolor、cellspacing、cellpadding、bgcolor、background。
<tr>標記的主要屬性：height、bordercolor、bgcolor、background、align、valign。
<td>標記的主要屬性：width、height、colspan、rowspan、align、valign、bgcolor、bordercolor、bordercolorlight、bordercolordark、background、nowrap。
表格可以嵌套。
拓展：層標記<div>，語法：<div id=值 align=對齊方式 style=樣式 class=應用的樣式類></div>。
重點：本章內容涉及網頁布局，(1)使用表格布局網頁，(2)使用層標記<div>配合css布局。
第9章 添加表單
表單標記<form>，屬性action、name、method、enctype、target。
表單的主要控件：輸入類<input>、列表類<select>。
輸入類<input>標記的type屬性標識輸入控件的類型，主要有text、password、radio、checkbox、button、reset、image、hidden、file。
列表類<select>通過<option>標記設置列表項，無屬性size則為下拉菜單列表，設置屬性size則為列表項列表。
第三種控件：文本域標記<textarea>。
第10章 框架結構
框架結構通過<frameset>、<frame>、<iframe>等標記實現。
第11章 CSS樣式表
一個CSS樣式的語法由3部分構成：選擇符（selectors）、屬性（property）和屬性值（value）。基本語法：selector{property:value}。
在頁面中插入樣式表的方法有4種：
(1)鏈入外部樣式表。基本語法：<link rel="stylesheet" type="text/css" href="樣式表文件的地址">。
(2)內部樣式表。基本語法：<style type="text/css"> selector{property:value} </style>。
(3)內嵌樣式。基本語法：<HTML標記 style="property:value;…">
(4)導入外部樣式表。使用@import聲明導入。
注：CSS知識還需要一本書籍來說明。
第12章 使用JavaScript腳本
JavaScript基本語法、JavaScript函數、JavaScript對象、JavaScript事件等內容。
注：此處略過不讀。
第13章 在Dreamwerver中創建網頁
Dreamwerver工具的使用。
兩種網頁布局練習：使用表格布局、使用層<div>進行布局。
各種HTML元素的應用：表單、表格、多媒體運用等。
總結：
專業性書籍，都還不能算是一門編程語言，重要的是掌握標記的原理和使用方法，剩下的就是多實踐，需要使用時查詢即可。
本書知識全面，對于HTML而言，掌握文件結構、標記語法、標簽的屬性等原理，然后重點練習兩個案例：使用表格布局制作一個網頁，使用層布局制作一個網頁，并不斷添加HTML元素和屬性，基本就能掌握HTML的內容了。
關于王者閱讀法的實踐，還可以閱讀以下文章：
