HTML: 介紹 & 規範
1 介紹
HTML 指的是超文字標記/標籤語言 (Hyper Text Markup Language)
專門製作網頁的計算機語言
普通的文字就是英文單詞,英文字母一樣的存在。
超文字的意思是有一些單詞或字母,在網頁瀏覽器的世界中被賦予了特殊的權利。
比如:我們都是普通人,但是有些人經過國家的選拔,穿上警服之後,他就被賦予了執法的特殊權利, 普通人是沒有執法權的。
字母img只是普通的字母,沒什麼特殊的含義。而被加上尖括號後,在網頁的世界中,就具備了顯示圖片的作用。
2 使用記事本開發第一個網頁
在計算機任意的位置,建立一個空白的記事本
重點:檔案的字尾名必須是 "htm" 或 "html"
滑鼠右鍵檔案,選擇開啟方式為"記事本",輸入下面程式碼
<html> <head> <title>拉鉤有我</title> </head> <body> 必須火! </body> </html>
儲存檔案,雙擊檔案會以計算機預設的瀏覽器執行,你的第一個網頁就製作完成了!
注意:
1.<html>標籤它代表當前頁面是一個HTML
2.<head>標籤中可以宣告HTML頁面的相關資訊
3.<body>標籤中可以宣告HTML頁面的相關資訊
4. 標籤要有開始,有結束,成雙成對
5. 開始標籤與結束標籤中的內容是標籤的內容,如果沒有標籤內容,可以讓標籤自關閉<br/>
6.大多數標籤它具有屬性,屬性值要使用引號引起來
7.HTML它本身是不區分大小寫的。
3 下載和安裝 VSCode
記事本編寫網頁太難了,我們推薦一款編寫網頁的神器! <1> 下載地址 https://code.visualstudio.com/ <2>初始中文設定 安裝vscode之後,在介面的左側,選擇安裝中文外掛。 點選安裝後,右下角會彈出重啟的視窗重啟之後,介面就是偉大的中文了。
<3>建立專案
vscode本身沒有新建專案的選項,所以要先建立一個空的資料夾,如: vscode目錄
然後開啟vscode軟體,在vscode軟體中選擇 File -> Open Folder 開啟剛才建立的資料夾 右鍵目錄,建立子目錄lagou-html,在lagou-html目錄下建立檔案,輸入Test1.html
在程式碼編輯區,最上面輸入!回車,就是見證奇蹟的時刻
<4>執行頁面
需要安裝外掛 “open in browser ”
安裝完外掛,右鍵想要執行的頁面檔案,或者 使用快捷鍵 alt+b
在這裡推薦使用chrome谷歌瀏覽器,精簡,速度快。
先安裝好chrome瀏覽器
修改預設的瀏覽器:首頁的設定
新增程式碼
"open-in-browser.default":"chrome"
儲存成功後,使用預設瀏覽器開啟頁面就是chrome了,當然你也可以修改成自己喜歡的瀏覽器,比如 火狐等
<5>修改軟體主題顏色
檔案 -> 首選項 -> 顏色主題
字型大小:檔案 -> 首選項 -> 設定 -> 文字編輯器 -> 字型