大家好!我戴向天又來更新了!
什麼是 HTML?
HTML 是用來描述網頁的一種語言。
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標籤 (markup tag)
- HTML 使用標記標籤來描述網頁
HTML 標籤
HTML 標記標籤通常被稱爲 HTML 標籤 (HTML tag)。
- HTML 標籤是由尖括號包圍的關鍵詞,比如
- HTML 標籤通常是成對出現的,比如 和
- 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
- 開始和結束標籤也被稱爲開放標籤和閉合標籤
HTML 文檔 = 網頁
- HTML 文檔描述網頁
- HTML 文檔包含 HTML 標籤和純文本
- 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(瀏覽器)打開就會呈現以下類容