1· 讀前預期
考慮到對於 web 開發零基礎，凡涉足一件未知的任務，最好先理清任務的邏輯結構，然後有目的地逐步學習。為實現我們的需求和設計，必須要學習前端、後端、伺服器等一系列暫時陌生的知識，在此，我首先疑問的是，我們理想的功能如何以網頁內容和互動的形式體現。於是準備先從前端下手，期望從程式的角度對什麼是網頁有乙個新的理解，理清構建網頁的大體過程，為我們真正開始實現功能做鋪墊。
該書不僅能帶零基礎的學習 html 和 css，還能實戰性的教讀者如何逐步構建網頁。在此，我傾向於概讀，重在對書中的概念做出總結歸納，起到提公升觀念的作用。其中包括兩方面，一方面主要體會新程式語言之下特定的語法和思維，而對具體程式設計內容只做了解，畢竟書是用來查的，實戰中再來補充運用；另一方面，主要總結構建網頁的任務結構，具體細節同樣在實戰裡 「做中學」。
2· 閱讀收穫
第一章首先，儘管網頁形式變得複雜，但其底層結構卻依舊簡單。而概括來講網頁主要包括三個方面：文字（test content）、對其他檔案的引用（references to other files）、標記（makeup）。html 有一套預先定義好的元素，我們需要為網頁內容打上能夠描述它們的標籤。
接著，我對 html 頁面有了基本的了解，並且對標籤（包括元素、屬性、值及其他）有了概念性的認識。在此基礎上，認識了 html 網頁中的文字內容以及非文字內容（包括鏈結、影象及其他）。
然後，對建立網頁時的檔案和資料夾運用進行了解，大致掌握了檔案建立、引用等，並了解了 url（絕對 url 和相對 url）的概念，便於將目錄訪問變得程式化。
最後，了解了 html 基礎知識和基本功能後，繼續了解語義化 html 的概念，即使用最恰當的 html 元素進行標記的內容。語義化 html 是構建有效**的基石，提公升了可訪問性和互操作性；提公升搜尋引擎優化（seo）的效果；使維護**和新增樣式變得容易；通常使**更少，頁面載入更快。這在日後程式設計實踐中會重點注意。
第二章這一章主要講怎樣處理構建網頁時的檔案及資料夾，建立檔案並合理組織。而在此之前必須對**進行規劃，明確需求，根據調研調整內容，確定**結構，據此明確有多少頁面以及每個頁面呈現什麼內容，然後才能建立並組織資料夾，且建立統一簡單的命名規則。
關於構建網頁和建立資料夾的具體過程和必要工具，只對書中所講做了概念性了解，在日後實戰中在做細化認識。
HTML5與css3權威指南筆記
doctype 宣告 是html檔案中必不可少的。它位於檔案第一行。html4 html5對檔案的字符集編碼推薦使用utf 8 不允許寫結束標記的元素有 area,base,br,col,command,embed,hr,img,input,keygen,link,media source,trac...
Html5與CSS3新特性
新增的語義化標籤 新增的多 標籤 音訊標籤 檔案位址 video 檔案位址 audio 屬性 屬性屬性值 描述autoplay autoplay control control loop loop muted muted 新增的input表單type型別 新增的表單屬性新增屬性選擇器 權重為10，注...
HTML5與CSS3基礎（五）
16表單 16.1輸入和元素 16.2建立表單 每個表單都已form開始標籤開始，以form結束標籤結束。兩個標籤之間是組成表單的說明標籤 控制項和按鈕，每乙個控制項都有乙個name屬性，用於在提交表單時對資料進行識別。form開始標籤可以有一些屬性，其中最重要的就是action和method ac...