在解釋什麼是 HTML 前,我們要先介紹一下學習網頁的三大巨頭: HTML、CSS、JavaScript
你在 Chrome 或是各類瀏覽器中瀏覽的網頁,
基礎都是由 HTML、CSS、JavaScript 這三大巨頭構成,
三大巨頭各其所職,用簡單一點的白話文比喻成蓋房子的話,
HTML 負責房屋結構, CSS 負責房屋裝潢美觀,
而 JavaScript 就像水電工,房屋的電燈水管插頭等功能性設施由他一手包辦。
回到標題,什麼是 HTML 呢?
HTML 是一種標記語言,也是建立一個網站的基礎。
(他到底算不算是程式語言,大家都有自己的解釋,因為他不像是 JavaScript 可以進行運算等,有些人傾向不把它列為一種語言)
HTML 有著自己的規則,
而我們的學習必須符合他的規則,這些規則是由創造出 HTML 的作者所規範的。
HTML 由 Element (元素) 及 Attributes (屬性) 構成。
<div id="myHTML"> 區塊內容 </div>
這是一段 HTML 的結構,
其中 <div> 為 Element (元素),
Element (元素) 需有起始標籤 <div> ,
及結尾標籤 </div>,
才算是一個完整的 Element (元素) 。
而 Attributes (屬性) 就是 id="myHTML
" 。
這邊的 Attributes (屬性) 設定表示,這個 <div> 區塊的 id 為 myHTML。
本文章會以實作分享為主,如果你想知道更多基礎知識,
可以查看以下網站:
那如果我的解釋你還看得懂,就讓我們一起一步一步地繼續學習吧~
首先為了增加成就感 (?)
我們可以建一個文字文件檔案 (.txt),
複製以下內容至此文件檔案,
<div id="myHTML"> 區塊內容 </div>
並把檔名改成 myWeb.html,
就可以使用瀏覽器打開,
並顯示出"區塊內容"四個字。
現在我們已經踏出了第一步,
成功建立一個HTML檔案,
當然 HTML 為了與網際網路和各式瀏覽器做連結,
需要有更多的設定來與他們做串接。
這次就讓我們沉浸在開始學會寫字的喜悅 XDD
下次再繼續 HTML _ 02 _ HTML 基本構造
如果你有任何的問題,都歡迎你留言!
我有看到一定會一一回覆,
提問是學習最快速的捷徑~
希望我們能一同成長
留言列表