今天是學習編程的第一天吧，畢竟之前學c也是沒學多少，現在從頭開始。在很多軟件中會編輯HTML和css樣式可以美化很多，所以打算先簡單學一下網頁開發。
概覽：
目的：學習這個只是爲了瞭解，以後修改樣式，運營公衆號也更加方便，學習時間也僅限於這短短的假期，學習成本應該算是值得。
學習渠道：https://www.w3school.com.cn/index.html
免費學習網站 （定義與解釋均以此爲標準）
什麼是HTML：
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言 (Hyper Text Markup Language) HTML 不是一種編程語言，而是一種標記語言 (markup language)
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
什麼是CSS：
CSS 指層疊樣式表 (Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
樣式通常存儲在樣式表中
把樣式添加到 HTML 4.0 中，是爲了解決內容與表現分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常存儲在 CSS 文件中
多個樣式定義可層疊爲一
什麼是JavaScript：
JavaScript 對網頁行爲進行編程
學習
我的天，好多生詞。
先看看HTML的，網頁我知道，就是我們上網衝浪打開的東西。
這說明HTML就是對這個東西編程的嘛。
超文本標記語言嘛…我百度一下：
超文本是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網狀文本
哦…也就是說，以超鏈接（傳送門）和文本爲核心的交互方式咯。
那，編程語言和標記語言有什麼區別呢?
標記語言，是一種將文本以及文本相關的其他信息結合起來，展現出關於文檔結構和數據處理細節的電腦文字編碼。與文本相關的其他信息（包括文本的結構和表示信息等）與原來的文本結合在一起，但是使用標記進行標識。
emmm,也就是說，他和 我學的c語言不一樣嗎。這裏的信息直接包含在代碼裏面呢！我之前好像看到過一個代碼
[em]e10011[/em]僅對你可見
大家可以去嘗試一下，在QQ空間發這段代碼
裏面的文本信息其實是直接在的，而且和c不一樣，這裏主體是文本，而不是代碼，標記是告訴文本怎麼變形咯。
標記標籤？既然上面都說了HTML是標記語言，文本是各國語言，旁邊的標籤代碼就是屬於HTML的部分啦。也就是說，HTML只是一套定義。
好的，瞭解清楚HTML，讓我看看什麼是CSS。
英文全稱：Cascading Style Sheets讓我猜猜，cascading，傾瀉的，可能是說代碼很多吧。style，樣式，應該是說文本的stylesheet，被子，就是說，這個代碼像是蓋在什麼東西上面的被子，決定顯示的樣子咯。
好的，看看定義，樣式定義如何顯示HTML，emm就是被子的感覺。
樣式表嘛，大概是因爲計算機喜歡矩陣？？
至於內容與表現的分離，我看了看別人的樣例，明白了這是爲了便於修改：
HTML的意思大概是這樣：
文本內容（這是白色的）
加入CSS後：
顏色：白色
文本內容
一行兩行可能沒有什麼區別，但是如果是這樣呢?
文本內容（這是黑色的）
文本內容（這是紅色的）
！%#！#%￥#……￥……￥54636543%……%￥#%
6%$##
^%$^$%%$#
%$^%$^%$&
^%&^%&^&
$^^&^%#^%
%^&^%&^%&%^
%*$&*^&%&^%&
%^$*%$&%^&%^&
%^$&%$*%$
文本內容（這是橙色的）@￥……%……%#&……%#
文本內容（這是綠色的）
文本內容（這是藍色的）
文本內容（這是白色的）
文本內容（這是靛藍色的）
文本內容（這是鮮紅色的）
文本內容（這是灰白色的）
文本內容（這是灰黑色的）&^%&%^$&
$^#%^&%&
%^&%^$&^%$*%
&%^$&^%&#%^
&$%^$^#^&#
&^&%$&
^%#%#@%
%$#@%#@
)*(*&^*
文本內容（這是黃色的）
文本內容（這是青色的）
對比有CSS的：
文本1=red
文本2=blue
文本3=green
文本4=write
...................................
文本內容1
！%#！#%￥#……￥……￥54636543%……%￥#%
6%$##
^%$^$%%$#
%$^%$^%$&
^%&^%&^&
$^^&^%#^%
%^&^%&^%&%^
%*$&*^&%&^%&
%^$*%$&%^&%^&
%^$&%$*%$
文本內容2
@￥……%……%#&……%#
文本內容3
文本內容4
文本內容5
文本內容6
文本內容7
文本內容8
文本內容9
&^%&%^$&
$^#%^&%&
%^&%^$&^%$*%
&%^$&^%&#%^
&$%^$^#^&#
&^&%$&
^%#%#@%
%$#@%#@
)*(*&^*
文本內容10
文本內容11
這樣，只需要修改css文件，而不用到代碼堆中尋找到文本再
來修改。
樣式層疊爲一是什麼呢?
我到CSDN去翻了下，說到文本被多種樣式同時標記時，會新建一個樣式表吧。然後按照優先級顯示。
前面還講到，外部樣式表能提高效率
怎麼提高的呢?
我想，這就是相當與把CSS作爲黑箱了，引入到HTML中執行。CSS交給專門負責樣式的工作來處理，分工明確吧。
什麼是腳本語言呢？
客戶端腳本腳本是一種有關因特網瀏覽器行爲的編程。您應該學習 JavaScript，這樣纔能有能力傳遞更多的動態網站內容：
JavaScript 是爲 HTML 設計者提供的一種的編程工具
HTML 的創作者通常都不是程序員，但是 JavaScript 是一種語法非常簡單的腳本語言！幾乎任何人都能夠把某些 JavaScript 的代碼片斷放入他們的 HTML 頁面中。
JavaScript 可以在HTML頁面中放入動態的文本
像這樣的一條 JavaScript 語言可以在 HTML 頁面中寫入可變的文本：document.write(“h1” + name + “/h1”)
JavaScript 能夠對事件進行反應
可以把 JavaScript 設置爲在某事件執行時發生，比如當頁面加載完畢或當用戶點擊某個 HTML 元素時。
JavaScript 可讀取並修改 HTML 元素
JavaScript 能夠讀取並修改 HTML 元素的內容
JavaScript 可被用來驗證數據
可使用 JavaScript 在表單被提交到服務器前對錶單數據進行驗證，這樣可確保服務器進行正確的數據處理。
好吧，一圈看下來，感覺這個就是和交互的東西了，就是說HTML和CSS來顯示內容和形式，但是我們甚至有的網頁小遊戲如何對我們的操作進行反應呢？大概就是靠這種腳本語言咯。
腳本到底是什麼東西？其實還是不是很明白。
今天就學到這裏吧。
２０２０－２－１５