1. 程式人生 > 其它 >HTML: 介紹 & 規範

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>修改軟體主題顏色

檔案 -> 首選項 -> 顏色主題

字型大小:檔案 -> 首選項 -> 設定 -> 文字編輯器 -> 字型