HTML 21 天入門：入門準(zhǔn)備
當(dāng)前位置：點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
HTML 基本介紹什么是 HTML
這個名稱拆開來看，分成 超文本 和 標(biāo)記語言 兩部分。 標(biāo)記語言，說明它并不是一門編程語言。 而超文本，從字面意思來理解，是超越文本的意思。 文字，寫在紙上成書，展示在電腦里稱為文本。超文本，指比文字更豐富的表達(dá)形式，直接理解成超越了文本。比如，現(xiàn)在很常見的圖形，音頻，視頻。 現(xiàn)在這些東西已經(jīng)是司空見慣，而在互聯(lián)網(wǎng)開始之初，受限于網(wǎng)絡(luò)傳輸能力，文字才是信息傳遞的主要載體，而 HTML 的橫空出世，徹底打破了只有文字的時代?，F(xiàn)在我們看到的精彩紛呈的網(wǎng)頁呈現(xiàn)，都是從 HTML 開始的。 如何創(chuàng)建 HTML 文檔使用 HTML 編寫的文檔，稱為網(wǎng)頁文件，通常命名為.html 或.htm，這兩種后綴名沒有區(qū)別。 任意文本編輯器都可以拿來編寫網(wǎng)頁文件，比如 windows 下的記事本(notepad)。當(dāng)然，現(xiàn)在已經(jīng)有了非常強大的 IDE （Integrated Development Environment），也就是集成開發(fā)環(huán)境，比如 VSCode，它提供了很多輔助功能，用以幫助我們提高工作效率。 作為初學(xué)者，建議多敲代碼，少使用聯(lián)想和補齊，就更不要說使用 AI 之類的。這些功能可以在學(xué)成之后幫助我們提高工作效率。 HTML 要在哪里運行創(chuàng)建好的 HTML 網(wǎng)頁，可以通過瀏覽器訪問，可以是電腦上的，也可以是手機，平板等其它設(shè)備上的。 對于存儲在本地磁盤里的網(wǎng)頁，也可以通過磁盤路徑訪問，也就是類似 C://HTML/Default.html 這種形式。這種稱為本地運行。 而對于在互聯(lián)網(wǎng)上訪問的網(wǎng)頁，是基于網(wǎng)址的，比如https://baidu.com，是一個網(wǎng)址，這個網(wǎng)址背后的網(wǎng)頁，托管運行在互聯(lián)網(wǎng)某個我們不知道的機器上，這樣的機器我們稱為服務(wù)器，這種訪問通過網(wǎng)址訪問的網(wǎng)頁，就是服務(wù)器運行的。 以前在學(xué)習(xí) HTML 時，由于一系列的限制，大多采用本地運行的方式。但隨著工具的革新，我們有了更方便的方式。在隨后的章節(jié)里，會講述如何使用插件幫助我們在本地模擬服務(wù)器運行網(wǎng)頁，這樣就能得到一個即時刷新的運行環(huán)境，更加方便我們的學(xué)習(xí)。 開發(fā)環(huán)境準(zhǔn)備相信大家對 HTML 已經(jīng)有了一個初步的認(rèn)識，對于開發(fā)環(huán)境，我們只需要編輯器和瀏覽器。 編輯器用于編寫網(wǎng)頁，瀏覽器用于運行網(wǎng)頁。 編輯器互聯(lián)網(wǎng)上的工具千千萬，這里就直接推薦使用目前最流行的 VSCode 進(jìn)行學(xué)習(xí)，能無縫接軌后續(xù)的深入學(xué)習(xí)。 當(dāng)然如果不想使用 VSCode，可以使用相對比較輕便的編輯器 Nodepad++或其它任何你喜歡的文本編輯器。
Live Server 插件使用 VS Code 的好處，是它有著非常豐富的插件，這些插件方便我們的日常工作。 雖然在學(xué)習(xí)階段并不推薦使用，但有一個插件，可以幫助我們更專注于學(xué)習(xí)，它就是 Live Server。
瀏覽器使用主流的瀏覽器即可，比如 Chrome, FireFox, Edge 等等。 當(dāng)然這兩樣?xùn)|西，都需要運行在電腦上，所以首先要準(zhǔn)備一臺電腦。 對于學(xué)習(xí)來說，配置不需要高，操作系統(tǒng)也沒有限制。你熟悉哪個用哪個。
我的第一個頁面：Hello World好了，現(xiàn)在我們可以開始試著運行一下我的第一個頁面了。放心，只是運行，暫時不需要理解。 在開始前，咱們先在電腦上建立一個專門的目錄來存放我們的頁面，比如說 C 盤根目錄下，目錄名稱為html-learning
本節(jié)內(nèi)容結(jié)束。恭喜。 總結(jié)
該文章在 2024/10/22 12:41:35 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
?
