標籤：編輯 字元 oal pac 案頭 軟體 add 英文 ctrl+v
一.特殊按鍵和快速鍵鍵盤上除了有字母、數字之外，還有一些特殊的按鍵：ctrl、shift、alt、tab
● ctrl鍵是英語control“控制”的意思，這個按鍵，單獨按沒有任何作用，都要和其他的按鍵一起按才有用。比如ctrl+c，表示同時按住ctrl鍵和c鍵，一會兒將知道這個功能是複製。
● shift鍵是英語shift“換擋”的意思，按下這個按鍵同時擊打字母，打出的就是大寫字母。熟悉shift鍵來打大寫字母，盡量少用大小寫鎖定鍵。
● alt鍵是英語alternate“調整”的意思，和ctrl一樣，自己按沒啥用，都要和其他的按鍵一起按才有用。比如alt+f4，表示關閉當前的視窗， alt+f4快速關閉視窗。
● tab鍵是用於table“定位字元”的意思，經常實現“切換的功能”。比如我們在word軟體中同時開啟了兩個文檔，可以用ctrl+tab鍵，來在兩個文檔之間切換。 當然，可以用alt+tab鍵來切換程式。
必須熟練掌握下面的快速鍵：
ctrl+c 複製
ctrl+v 粘貼
ctrl+x 剪下（就是移動檔案，在原來的檔案夾ctrl+x一個檔案，然後在新檔案夾中ctrl+v粘貼）
ctrl+tab 切換（具體切換什麼，要看是什麼軟體）
alt+F4 關閉程式
F2 重新命名
F5 重新整理，比如看網頁的時候，想重新整理網頁，按f5
ctrl+z 撤銷，就是這一步幹錯了，就ctrl+z撤銷
windows+E 開啟資源管理員
windows+D 顯示案頭
ctrl+空格 切換中英文，嚴禁用shift鍵切換。
二.瀏覽網頁的一些基本原理
1.上網的時候，是有真實的、物理的檔案傳輸的！
2.所以我們經常感覺第二次開啟網頁，比第一次快，這是因為第一次開啟網頁的時候，所有的圖片和檔案都已經存過來了。
3.伺服器上存放著網頁的相關檔案，包括html檔案、css檔案、js檔案、圖片等。當我們開啟瀏覽器，輸入網址，我們的電腦就會對這些檔案發出HTTP請求。 伺服器收到請求之後，會把這些檔案通過HTTP協議，傳輸到我們的電腦中（儲存到電腦中的某個臨時檔案夾中）。這些檔案，將在我們電腦本地的瀏覽器中，進行渲染、呈遞。
3. HTTP：超文字傳輸通訊協定 (HTTP)，Hypertext Transfer Protocol。
這是一個檔案的傳輸協議，我們上網的時候，所有的檔案都是通過HTTP這個協議，從伺服器上傳輸到客戶的電腦裡面的。
4.index.html是預設的首頁檔案。
三.HTML初步認識 1.純文字檔案就是這樣的檔案：1） 只有文本，沒有樣式；
2） 用記事本等純文字編輯器可讀，不是亂碼
3）html、css、js都是純本文的。
2. HTML是負責描述文檔語義的語言
HTML是英語HyperText Markup Language的縮寫，超文字標記語言 (HTML)。
.html就是網頁的格式。
html提供了很多標籤對兒，可以給文本增加不同的語義。比如：
<h1> </h1>標籤對兒，主標題。
<h2> </h2>標籤對兒，二級標題。
<p> </p> 標籤對兒，普通段落。
現在的業界的標準，網頁技術嚴格的三層分離：html就是負責描述頁面的語義；css負責描述頁面的樣式；js負責描述頁面的動態效果的。
所以，html不能讓文字置中，不能更改文字字型大小、字型、顏色。因為這些都是屬於樣式範疇，都是css乾的事兒；html不能讓盒子運動起來，因為這些屬性行為範疇，都是js乾的事兒。
html只能幹一件事兒，就是通過標籤對兒，給文本增加語義。這是html唯一能做的。
html中，除了語義，其他什麼都沒有。
html是一個純本文檔案（就是用txt檔案改名而成），用一些標籤來標題文字的語義，這些標籤在瀏覽器裡面是看不到的，所以稱為“超文本”，所以就是“超文字標記語言 (HTML)”了。
比如，h1標籤有什麼作用？
正確答案：給文本增加主標題的語義
錯誤答案：給文字加粗、加黑、變大
四、開發工具Sublime介紹
sublime中的常用快速鍵：
ctrl+滾輪 放大縮小文字
ctrl+shift+d 複製當前行
ctrl+shift+k 刪除當前行
ctrl+shift+↑ 上移當前行
ctrl+shift+↓ 下移當前行
以後擊打標籤的時候，僅僅需要輸入標籤的名字，然後按tab就可以自動產生標籤對兒了。
比如，輸入p然後按tab，軟體自動產生：
1 <p></p> |
1.html有基本骨架，這個骨架能夠用sublime快速產生：
骨架抽象出來：
1 <html> 2 <head> 3 4 </head> 5 <body> 6 7 </body> 8 </html> |
網頁的最外層的標籤對兒是<html></html>標籤對兒，裡面有兩部分，分別是head和body。
head標籤中，描述網頁的配置；body中的內容，才是使用者可以看見的內容。
完整的骨架：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 5 <title>哈哈哈</title> 6 </head> 7 <body> 8 <h1>我是一個主標題</h1> 9 <p>我是一個小段落</p> 10 </body> 11 </html> |
第1行，就是網頁的聲明頭。術語叫做DocTypeDefintion，文件類型定義，簡稱DTD。這行語句非常的複雜，裡面暗含了一個網址。W3C就是出web規範的組織機構。html、css、js的規範都是W3C定義發布的。world wide web coalition , 國際全球資訊網聯盟。網頁聲明頭可以告訴瀏覽器，這是一個什麼標準的頁面。
第2行，是最大的html標籤，所有的網頁內容，都要包裹在這個標籤對兒裡面。
我們發現，html標籤中，有兩個屬性：
xmlns="http://www.w3.org/1999/xhtml" 命名空間，就是一個規範；
xml:lang="en" 語言是英語
第3行，就是head標籤，就是配置。
第4行，<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> 字元集的配置
第5行，<title>哈哈哈</title> 網頁的標題，可以顯示在瀏覽器的標籤欄中。
第7行，body標籤就是網頁的內容，使用者能夠看見。
html學習1
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
