什麼是HTML?

大家好!我戴向天又來更新了!

什麼是 HTML?

HTML 是用來描述網頁的一種語言。

  1. HTML 指的是超文本標記語言 (Hyper Text Markup Language)
  2. HTML 不是一種編程語言,而是一種標記語言 (markup language)
  3. 標記語言是一套標記標籤 (markup tag)
  4. HTML 使用標記標籤來描述網頁

HTML 標籤

HTML 標記標籤通常被稱爲 HTML 標籤 (HTML tag)。

  1. HTML 標籤是由尖括號包圍的關鍵詞,比如
  2. HTML 標籤通常是成對出現的,比如
  3. 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
  4. 開始和結束標籤也被稱爲開放標籤和閉合標籤

HTML 文檔 = 網頁

  1. HTML 文檔描述網頁
  2. HTML 文檔包含 HTML 標籤和純文本
  3. HTML 文檔也被稱爲網頁

Web 瀏覽器的作用是讀取 HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標籤,而是使用標籤來解釋頁面的內容。

以上幾段都是來自於w3school

接下來就表演一個最有名的:hello world

第一步:鼠標在電腦桌面上右擊選擇新建文件。
在這裏插入圖片描述
第二步:修改文件名以及後綴名:hello word.html 此時就做好一個網頁了。預覽方式請查看第三步。
在這裏插入圖片描述
按下鍵盤上的回車鍵 Enter 就會變成下張圖片的樣子,當然文件的圖片會根據你電腦默認的瀏覽器進行顯示,若和我的顯示樣子不一樣的話,完全不用擔心。
在這裏插入圖片描述
第三步:打開該文件。鼠標放置在該文件上面,然後進行右擊,選擇打開方式,然後再選擇瀏覽器,如果不知道怎麼選擇的話,就選擇Internet Explorer這個選項
在這裏插入圖片描述
打開之後一片空白的。什麼內容都沒有。這是因爲你還沒告訴它該顯示什麼樣的類容。

其實每一個網頁就像是一個人一樣。

        先它得有名字 ===》hello world.html 這個就是它的名字

        接着就是得有一個包裝它的框子,則這個框子就是html

        這個人得有個頭和身體。由於編程這個東西呢是外國人發明的所以,頭是英文的 head。身體就是英文中的 body。(哈哈,是不是簡簡單單就學會了兩個英語單詞)

        頭部內容就是人的大腦,這個大腦裏面包含有title(標題)。這個東西就是用來告訴Browser(瀏覽器)我叫什麼名字的。如果你不告訴Browser的話它就會用你最初始的名稱:hello word.html這個名字顯示在瀏覽器的頁面選項窗口上。畢竟這個名稱看起來很醜。於是我們就可以用title標籤來進行重新告訴瀏覽器這個人叫什麼名字

        接下來就是告訴Browser(瀏覽器)我的身體裏面都有一些什麼東西和內容,告訴的方式就是把內容寫在body(身體)裏面。

來複制下面的代碼

<!-- 包裝的框子 -->
<html>
        <!-- 頭部內容 -->
        <head>
                <!-- 告訴Browser(瀏覽器)我叫什麼名字 -->
                <title>helloWorld</title>
        </head>
        <!-- 身體內容 -->
        <body>
                Hello! World === 你好!世界
        </body>
</html>

然後再接着重新打開hello world.html文件。對了,這回就要用另外一種方式來進行打開了。來,跟着以下幾張圖片一起操作。

在這裏插入圖片描述在這裏插入圖片描述
在這裏插入圖片描述

在這裏插入圖片描述

接着就是按住鍵盤的Ctrl鍵再按住S鍵就好了:Ctrl + S (這個組合鍵就是保存文件的快捷鍵:tips: S 代表英文的save(保存))

按完以後呢我們再重新用Browser(瀏覽器)打開就會呈現以下類容
在這裏插入圖片描述

發佈了33 篇原創文章 · 獲贊 6 · 訪問量 20萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章