在一開始學習了一些計算機基礎知識，下面是我認爲的一些比較重要的快捷鍵基礎知識。
一、快捷鍵的應用
● ctrl鍵是英語control“控制”的意思，這個按鍵，單獨按沒有任何作用，都要和其他的按鍵一起按纔有用。
● shift鍵是英語shift“換擋”的意思，按下這個按鍵同時擊打字母，打出的就是大寫字母。熟悉shift鍵來打大寫字母，儘量少用大小寫鎖定鍵。
● alt鍵是英語alternate“調整”的意思，和ctrl一樣，自己按沒啥用，都要和其他的按鍵一起按纔有用。
● tab鍵是用於table“製表符”的意思，經常實現“切換的功能”。
下面是一些比較重要的快捷鍵：
Ctrl+c 複製
Ctrl+v 粘貼
Ctrl+x 剪切（就是移動文件，在原來的文件夾ctrl+x一個文件夾，然後在新文件夾中 ctrl+v 粘貼 ）
Ctrl+tab 切換
Ctrl+z 撤銷
Ctrl+空格 切換中英文，嚴禁用shift切換
Alt+F4 關閉程序
F2 重命名
F5 刷新，比如看網頁的時候，想刷新網頁，按F5
Windows+E 打開資源管理器
Windows+D 顯示桌面
二、下來對互聯網的原理進行了大致的介紹：
1、上網究竟是什麼？
上網就是請求數據，就是文件傳輸。
上網的時候，是有真實的、物理的文件傳輸的！
我們經常感覺第二次打開網頁比第一次快，這是因爲第一次打開網頁的時候，所有的圖片都已經存過來了。這也是我們每次用360清理，都能清理一堆垃圾，釋放很多硬盤空間。
從這裏我們能發現，僅僅是瀏覽一個首頁，就出來那麼多文件，所以我們就應該有一個初步的認識，網頁不是一個文件，而是一堆文件。
2、服務器
● 服務器就是計算機，只不過比筆記本的配置高了很多，並且24小時不斷電，不關機。
● 服務器上存儲着網頁的相關文件。一旦有訪問者瀏覽網站，服務器就將發送這些文件給訪問者。
● 服務器一旦關機，網站就無法訪問了。
3、瀏覽器
瀏覽器是安裝在客戶的電腦裏面的，是一個爲用戶上網提供途徑的軟件。
瀏覽器有版本之分，有瀏覽器兼容問題。
4、HTTP
HTTP即超文本傳輸協議，全拼是Hypertext Transfer Protocol。
這是一個文件的傳輸協議，我們上網的時候，所有的文件都是通過HTTP這個協議，從服務器上傳輸到客戶的電腦裏面的。
我們需要知道，每一個網址，都對應着確定的服務器上的文件。
比如網址：
http://www.icdjs.com/1.html |
就是服務器上面的1.html文件
http://www.icdjs.com/ |
看似沒有精確到一個文件，但是有一個規定，就是index.html是默認的首頁文件。
index就是英語“目錄”的意思。
http://www.icdjs.com/aaa/b.html |
服務器上面有一個aaa文件夾，這個文件夾裏面有一個b.html文件。
網頁是真實物理的文件。並且一個網頁是很多的物理文件組成的：html文件、圖片文件、js文件、css文件。這些文件要通過特殊軟件才能上傳到服務器上。然後就能讓用戶看了。用戶通過瀏覽器，訪問網址，服務器上面的文件就會通過http請求悄悄地傳輸到用戶的電腦中的臨時文件夾中，在用戶的電腦中執行、渲染、呈遞
三、HTML的初步認識
1 認識什麼是純文本文件txt
windows中自帶一個軟件，叫做記事本。記事本保存的文檔格式就是txt格式，就是英語text的縮寫。術語上，稱呼這個文件叫做“純文本文件”。
txt文件，只能保存文本內容，是無法記錄文本樣式的。
所以，doc和txt存儲同樣的內容，doc比txt大。
可以總結，純文本文件就是
1）只有文本，沒有樣式；
2）不是亂碼，可由記事本等純文本編輯器讀；
Html 、css、js都是純文本的。
2 、HTML是負責描述文檔語義的語言
HTML是英語yperText Markkup Language 的縮寫，超文本標記語言。
.html就是網頁的格式。
首先我們來學習製作一個網頁，首先新建一個txt文件：
我們強行把這個文件的拓展名從txt改爲html,這時我們可以發現小圖標就變成瀏覽器的小圖標了：
也就是說，html本質上和txt沒有任何區別，他們都是純文本文件。
在“打開方式”中，用記事本可以編輯它。
現在要養成 編輯器裏面編輯 → 保存ctrl+s → 瀏覽器裏面刷新F5 的習慣。
下圖是在用記事本打開我們先前製作的小網頁，我們往其中添加馬雲的簡歷；可以看出是比較有格式的；
然而我們在瀏覽器打開的時候是沒有任何格式的：
純文本txt文件是不能描述文檔的語義的，文檔中不知道誰是主標題，誰是副標題，誰是段落。所以html應運而生。
html提供了很多標籤對兒，可以給文本增加不同的語義。比如：
<h1></h1>標籤對兒，主標題。
<h2></h2>標籤對兒，二級標題。
<p> </p> 標籤對兒，普通段落。
對上面記事本中的內容進行修改，末尾的另一半標籤對沒有顯示出來，但是一定不能少，如下：
將修改後的記事本內容保存之後，重新打開網頁，顯示如下：
現在的業界標準，網頁技術嚴格的三層分離：html就是負責描述頁面的語義；css負責描述頁面的樣式；js負責描述頁面的動態效果的。
所以，html不能讓文字居中，不能更改文字字號、字體、顏色。因爲這些都是屬於樣式範疇，都是css乾的事兒；html不能讓盒子運動起來，因爲這些屬性行爲範疇，都是js乾的事兒。
html只能幹一件事兒，就是通過標籤對兒，給文本增加語義。這是html唯一能做的。html中，除了語義，其他什麼都沒有。
html是一個純本文文件（就是用txt文件改名而成），用一些標籤來描述文字的語義，這些標籤在瀏覽器裏面是看不到的，所以稱爲“超文本”，所以就是“超文本標記語言”了。
所以，接下來，我們肯定要學習一堆html中的標籤對兒，這些標籤對兒能夠給文本不同的語義。
標籤對兒是由起始標籤和結束標籤組成的：
<h1>Angelababy簡介</h1> |
<h1> 起始標籤
</h1> 結束標籤
在面試的時候，面試官問你h1標籤的的作用是什麼？
一定要回答：給文本增加主標題的語義
而不是：給文字加粗、加黑、變大
四、Sublime
任何的純文本編輯器都能夠編輯html，比如記事本、editplus、notepad++。
比較有名的專門製作網頁的工具有：
DreamWeaver(Adobe公司的產品)
Sublime(高效率的程序書寫工具)
WebStorm(更高級的項目級別編程工具)
不管用什麼編輯器，我們都要知道，做網頁和工具無關，任何的純文本編輯器都能夠做網頁。
我們學習的是代碼，而不是所謂的工具。不過，不可否認，一個好的工具，確實能夠提高工作效率，代碼書寫的速度，但是本質上講，記事本也能書寫網頁。
sublime的中文意思是“華麗的”，是2011年開始流行的代碼編輯器，可以編輯java、c、php等很多語言。
html、css、js在sublime中支持非常好。界面也非常漂亮，安裝簡單、小巧、插件多。sublime非常小巧，只有21mb，甚至不用安裝，直接解壓縮，就能雙擊使用，把sublime_text.exe文件發送到桌面快捷方式就行了。
文件如何用sublime編程呢？很簡單，直接拖進來。
一定要記住，保存的時候，一定要書寫.html，表示存爲網頁的格式。
Sublime中常用的快捷鍵：
Ctrl+滾輪 放大縮小文字
Ctrl+shift+d 複製當前行
Ctrl+shift+k 刪除當前行
Ctrl+shift+↑ 上移當前行
Ctrl+shift+↓ 下移當前行
以後擊打標籤的時候，僅僅需要輸入標籤的名字，然後按tab就可以自動生成標籤對兒了。
比如，輸入p然後按tab，軟件自動生成：
1 <p></p> |
五、HTML骨架和基本語法
html有基本骨架，這個骨架能夠用sublime快速生成：
輸入html:xt再ctrl+E就生成基本骨架
骨架抽象出來：
1 <html> 2 <head> 3 4 </head> 5 <body> 6 7 </body> 8 </html> |
網頁的最外層的標籤對兒是<html></html>標籤對兒，裏面有兩部分，分別是head和body。
head標籤中，描述網頁的配置；body中的內容，纔是用戶可以看見的內容。
完整的骨架：
第1行，就是網頁的聲明頭，這行語句不需要背誦。術語叫做DocType Defintion，文檔類型定義，簡稱DTD。這行語句非常的複雜，裏面暗含了一個網址。W3C就是出web規範的組織機構。html、css、js的規範都是W3C定義發佈的。worldwide web coalition , 國際萬維網聯盟。網頁聲明頭可以告訴瀏覽器，這是一個什麼標準的頁面。
第2行，是最大的html標籤，所有的網頁內容，都要包裹在這個標籤對兒裏面。
我們發現，html標籤中，有兩個屬性：
xmlns="http://www.w3.org/1999/xhtml" 命名空間，就是一個規範；
xml:lang="en" 語言是英語
第3行，就是head標籤，就是配置。
第四行，
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> 字符集的配置。
第5行，<title>Document</title> 網頁的標題，可以顯示在瀏覽器的標籤欄中。
第7行，body標籤就是網頁的內容，用戶能夠看見。