首先聲明：本系列不是技術(shù)帖，只是學(xué)習(xí)《HTML+CSS+快速入門(mén)》的筆記，不保證權(quán)威。如有問(wèn)題，請(qǐng)隨時(shí)來(lái)噴。過(guò)年不糊涂網(wǎng)站開(kāi)發(fā)網(wǎng)站開(kāi)發(fā)，皮夠厚。新手在路上腦袋空空，需要大家多多指點(diǎn)。

莫振杰的書(shū)，我隨便翻了一下。目前感覺(jué)比較容易理解，適合我這種“老白”入門(mén)。本書(shū)分為三個(gè)部分，分別是HTML基礎(chǔ)、CSS基礎(chǔ)和基礎(chǔ)知識(shí)。我打算按順序?qū)W習(xí)，爭(zhēng)取在6周內(nèi)完成網(wǎng)站開(kāi)發(fā)，也分享給大家。

第 1 部分 HTML 基礎(chǔ)

第 1 章 HTML 簡(jiǎn)介

1、網(wǎng)頁(yè)開(kāi)發(fā)——靜態(tài)頁(yè)面（只能瀏覽，不能交互）——主要開(kāi)發(fā)工具有《網(wǎng)頁(yè)三劍客》：、、。

2、前端開(kāi)發(fā) - 動(dòng)態(tài)頁(yè)面（瀏覽和交互） - 核心技術(shù)是 HTML、CSS 和 .

3、HTML，全稱(chēng)“Text”（超文本標(biāo)記語(yǔ)言）。它是描述性語(yǔ)言，不是編程語(yǔ)言，所以難度比較低。

4、CSS，全稱(chēng)“”（ ），用于控制網(wǎng)頁(yè)的外觀，也是描述性的。

5、 是一種嵌入網(wǎng)頁(yè)的腳本語(yǔ)言，由瀏覽器解釋和執(zhí)行（到底是什么？）。這是一門(mén)編程語(yǔ)言，但相比Java、C++等大型編程語(yǔ)言，它應(yīng)該是簡(jiǎn)單的。

6、腳本語(yǔ)言，也稱(chēng)為擴(kuò)展語(yǔ)言或動(dòng)態(tài)語(yǔ)言，是一種用于控制軟件應(yīng)用程序的編程語(yǔ)言。腳本通常以文本 () 形式存儲(chǔ)，并且僅在調(diào)用或編譯時(shí)進(jìn)行解釋。腳本通常被解釋而不是編譯。腳本語(yǔ)言通常具有簡(jiǎn)單、易學(xué)、好用的特點(diǎn)。目的是讓程序員快速完成程序的編寫(xiě)。

7、HTML 控制網(wǎng)頁(yè)的結(jié)構(gòu)，CSS 控制網(wǎng)頁(yè)的外觀，控制網(wǎng)頁(yè)的行為。

8、后端開(kāi)發(fā)——賦予網(wǎng)頁(yè)交互能力——常用的技術(shù)包括 PHP、JSP 和 ASP.NET。

9、PHP 也是一種易于學(xué)習(xí)且適合 Web 開(kāi)發(fā)的腳本語(yǔ)言。

10、JSP，可以將Java程序段插入到傳統(tǒng)網(wǎng)頁(yè)HTML文件中。

11、ASP.NET是騰云網(wǎng)絡(luò)推出的新一代腳本語(yǔ)言。ASP.NET 擁有開(kāi)發(fā) Web 應(yīng)用程序的所有解決方案，包括驗(yàn)證、緩存、狀態(tài)管理、調(diào)試和部署。

12、Web開(kāi)發(fā)學(xué)習(xí)路線：HTML→CSS→→→→CSS3→ES6→ Web→Vue.js

13、HTML是網(wǎng)頁(yè)的標(biāo)準(zhǔn)語(yǔ)言，其基本語(yǔ)法為：

內(nèi)容

標(biāo)簽的作用是告訴瀏覽器要顯示什么類(lèi)型的對(duì)象。比如“h1”就是最大的標(biāo)題，瀏覽器識(shí)別出來(lái)后會(huì)顯示最大的標(biāo)題。

一個(gè)例子如下：

下圖是運(yùn)行效果：

14、HTML的學(xué)習(xí)就是對(duì)各種標(biāo)簽的學(xué)習(xí)，最后把你需要顯示的對(duì)象匹配到正確的標(biāo)簽上。

15、每日HTML指的是.01小程序開(kāi)發(fā)，指的是相對(duì)于.01新增的內(nèi)容。學(xué)習(xí)的時(shí)候，應(yīng)該先學(xué)HTML，再學(xué)。

16、前面的例子寫(xiě)在網(wǎng)站上，方便寫(xiě)一些簡(jiǎn)單的例子。

歡迎大家關(guān)注我，在無(wú)迷之年學(xué)習(xí)編程，只希望大家給我一些建議。